/*首页开始*/
/*.wrap-main{ height: 88%; box-sizing: border-box; border:1px solid #ccc;}*/
main{width:1530px;width:38.25rem; margin:0 auto;margin-top:150px; display: block; overflow: hidden;min-height: 500px;}
/*.wrap-content{position: relative;top:50%;margin-top:-389px; box-sizing: border-box;}*/
/*点击面板阴影*/
.showShade{
	animation:mymove 1s infinite alternate;
	-webkit-animation:mymove 1s ease-in-out alternate;  /* 谷歌 */
	-moz-animation:mymove 1s ease-in-out alternate;
	-o-animation:mymove 1s ease-in-out alternate;
	-ms-animation:mymove 1s ease-in-out alternate;
}
.casting{ width:16px; height: 16px; width:0.4rem;height: 0.4rem}

/*多媒体教学左侧部分*/
main .media-edu{display: table;font-size:24px;font-size:0.6rem;overflow: auto; float: left;padding-right: 50px; padding-right: 1.3rem}
/*多媒体教学标题*/
main .title{width:32px;width:0.8rem;font-size:18px; font-size:0.45rem;font-weight: 500;line-height:0.5rem; display: table-cell;height: 105px\9;min-height:105px;font-family: "微软雅黑"; text-align: center;vertical-align: middle;}
.main .title span{padding-left:5px; display:block;writing-mode: vertical-lr;writing-mode: tb-lr;letter-spacing:1px; font-weight: 500}
main .top-bar{ background: url("../images/bac/title.png") no-repeat 0px -8px; background: url("../images/bac/title.png") no-repeat 0px -0.2rem; background-size:cover; height: 178px; height:4.45rem;width:6px; margin-left:13px; margin-left: 0.425rem}
main .bottom-bar{ background: url("../images/bac/title.png") no-repeat -15px 4px;background: url("../images/bac/title.png") no-repeat -0.375rem 0.1rem; background-size:cover; height: 178px;height:4.45rem;width:6px;  margin-left:13px;}
.main .more{margin-top:5px; text-decoration-line: none;writing-mode: vertical-lr;writing-mode: tb-lr;letter-spacing:-1px; font-weight: 500 }
/*多媒体教学内容*/
main .media-edu .media-edu-content{ display: table-cell; vertical-align: middle; width:366px;width:9.15rem; padding-left:20px; padding-left: 0.5rem;}
main .media-edu .media-edu-content ul{overflow: hidden;margin-bottom: 2px;margin-bottom: 0.05rem}
main .media-edu .media-edu-content ul li{ width:178px;width:4.45rem; height: 178px; height:4.45rem;color:#fff; float: left; margin: 0.05rem;padding: 25px; padding: 0.625rem; box-sizing: border-box}

main .media-edu .media-edu-content ul li:nth-child(1){ background: #0099ff;}
main .media-edu .media-edu-content ul li:nth-child(2){ background: #ff3366;}
main .media-edu .media-edu-content ul li:nth-child(3){ background: #6633cc;}
main .media-edu .media-edu-content ul li:nth-child(4){ background: #ffff00;}
main .media-edu .media-edu-content ul li:nth-child(5){ background: #ff6600;}
main .media-edu .media-edu-content ul li:nth-child(6){ background: #0066cc;}
main .media-edu .media-edu-content ul li img{width:102px;height: 102px; width:2.55rem;height:2.55rem; display: block; margin:0 auto}
main .media-edu .media-edu-content ul li a{ color:#fff;overflow: hidden; display: block; box-sizing: border-box;}
main .media-edu .media-edu-content ul li:nth-child(4) a{ color:#666666;}

/*暂无消息*/
main .media-edu .media-edu-content .msg-pannel{ background: #3399ff; clear: both; box-sizing: border-box;margin-left: 2px; margin-left: 0.05rem; color: #fff; width:360px;width:9rem;height:178px; height:4.45rem;padding: 22px; padding:0.55rem }
main .media-edu .media-edu-content .msg-pannel section{overflow: hidden}
main .media-edu .media-edu-content .msg-pannel-top{ padding-bottom:62px;padding-bottom:1.55rem }
main .media-edu .media-edu-content .note{ font-size: 24px; font-size:0.6rem;height: 36px;height:0.9rem;line-height: 36px;line-height:0.9rem}
main .media-edu .media-edu-content .note img{ width:44px; height: 35px; width:1.1rem; height:0.875rem }
main .media-edu .media-edu-content .login-note-bac{ }
main .media-edu .media-edu-content .unlogin-note-bac{ background: url("../images/icon/icon_msg.png") no-repeat center left;background-size:44px 35px;background-size:1.1rem 0.875rem;  }
main .media-edu .media-edu-content .note a{color: #fff;position: relative;top: -9px; top:-0.225rem;}
main .media-edu .media-edu-content .time{ font-size: 38px;font-size: 0.95rem}
main .media-edu .media-edu-content .date{ font-size: 22px;font-size: 0.55rem;margin-top:3px;}
main .media-edu .media-edu-content .day{ font-size: 22px;font-size: 0.55rem}
/*多媒体教学左侧部分结束*/


/*中间部分*/
main .mid-pannel-wrap{ float: left; overflow: hidden; width: 462px; width: 11.55rem}
main .mid-pannel{display: table;font-size:24px;font-size:0.6rem;overflow: hidden;padding-right: 60px; padding-right: 1.3rem}


/*中间通用模板标题*/
main .short-top-bar{ background: url("../images/bac/short_title.png") no-repeat 0px -8px; background: url("../images/bac/short_title.png") no-repeat 0rem -0.2rem; background-size: cover; height: 97px; height:2.425rem;width:6px;width:0.12rem; margin-left:13px; margin-left:0.325rem }
main .short-bottom-bar{ background: url("../images/bac/short_title.png") no-repeat -10px 4px;background: url("../images/bac/short_title.png") no-repeat -0.25rem 0.1rem; background-size: cover; height: 97px; height:2.425rem;width:6px;width:0.12rem;  margin-left:13px;margin-left:0.325rem }
/*中间通用标题结束*/

/*中间通用模板内容区*/
.mid-pannel-content{ padding-left: 20px; padding-left: 0.5rem}
.mid-pannel-content ul li{width:360px;width: 9rem; height: 178px;height: 4.45rem; margin-bottom: 4px; margin-bottom: 0.1rem; box-sizing: border-box; color: #fff;}
.mid-pannel-content ul li a{padding: 25px; padding: 0.625rem;display: block}
.mid-pannel-content ul li a:link,.mid-pannel-content ul li a:hover,.mid-pannel-content ul li a:active,.mid-pannel-content ul li a:visited{color: #fff;}
/*中间通用模板内容区结束*/



/*中间部分*/
.school-class{background: #0066cc;}
.online-class{ background: #ff6633 }
.immde-class{ background: #990099}
.lastest-class{ background: #0066cc}
.school-class img,.online-class img,.immde-class img,.lastest-class img{width:102px;height: 102px; width:2.55rem;height:2.55rem; display: block; margin:0 auto}
.school-class p,.online-class p,.immde-class p,.lastest-class p{width:360px; width: 9rem; height: 178px;height: 4.45rem; display: block;overflow: hidden; box-sizing: border-box;color: #fff;}
/*中间部分结束*/

/*右侧模板*/


/*教室控制*/
right-pannel-wrap{overflow: hidden; clear: both}
.right-pannel{ overflow: hidden; display: table;}
.right-pannel-width{ width: 546px;width: 13.7rem;}
.right-pannel-content{ padding-left: 20px;padding-left: 0.5rem;}
.right-pannel-content ul{ overflow: hidden}
.right-pannel-content ul li{ width:178px;width:4.45rem; height: 178px; height:4.45rem;float: left; margin:0.05rem; padding: 18px;padding:0.45rem;  box-sizing: border-box}
/*.right-pannel-content ul li.voice{ float: right}*/
.right-pannel-content ul li{color:#fff;font-size:24px;font-size:0.6rem;}
.right-pannel-content ul li.controll{ clear: both}
.right-pannel-content ul li.school-living{ background: #0066cc}
.right-pannel-content ul li.door-switch .on-off a {

	box-sizing: border-box;
	color: #fff;
	font-size: 16px;
	font-size: 0.4rem;
	width: 48px;
	height: 48px;
	width: 1.2rem;
	height: 1.2rem;
	border: 2px solid #fff;
	display: inline-block;
	line-height: 24px;
	line-height: 0.6rem;
	text-align: center;
	margin-top:12px;
	margin-top:0.3rem;
	border-radius: 50%;
}

.right-pannel-content ul li.door-switch .on-off a:nth-child(1){
	margin-left: 0px;
}
.right-pannel-content ul li.door-switch .on-off a:nth-child(2){
	margin-left: 35px;
	margin-left: 0.875rem;
}
.right-pannel-content ul li.door-switch  .on-off a.class-actived {
	background: #fff;
	color: #ff3366;
}
.on-off{padding-top: 50px;padding-top: 1.3rem;}
.left-icon{ width:55px;height: 54px; width:1.375rem; height: 1.375rem}
.door{position: relative; top:10px; top:0.25rem}
.onoff-btn{width:60px;height: 34px; width:1.5rem; height:0.85rem }
.voice-icon{ margin-top:2px;}
.voice-controll{width:80%; float: right;position: relative; top:-20px;top:-0.6rem}


.rangeslider,
.rangeslider__fill {
	background: rgba(255,255,255,0.4);
	display: block;
	height: 8px;
	height: 0.2rem;
	width: 100%;
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3);
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px
}

.rangeslider {
	position: relative
}

.rangeslider--disabled {
	filter: alpha(opacity=40);
	opacity: .4
}

.rangeslider__fill {
	background: #fff;
	position: absolute;
	top: 0
}

.rangeslider__handle {
	background: #fff;
	border: 3px solid #fff;
	cursor: pointer;
	display: inline-block;
	width: 15px;
	width:0.375rem;
	height: 15px;
	height: 0.375rem;
	position: absolute;
	top: -5px;
	background-size: 100%;
	background: #66ccff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}



.voice-controll img{ width:93px;height: 14px; width:2.325rem; height: 0.35rem;position: relative;top: -3px;}


.right-pannel-content ul li.net{background: #99cc00}
.right-pannel-content ul li.door-switch{background: #ff3366}
.door-switch a{padding-top:10px; padding-top:0.25rem;width:48px; height: 48px; width: 1.2rem; height: 1.2rem; display: inline-block;}
.door-switch a img{width:100%; height: auto}
.door-switch .class-on{ margin-right: 34px; margin-right: 0.85rem}

.right-pannel-content ul li.controll{background: #33ad5c}
.right-pannel-content ul li.controll .on-off{padding-top:74px;padding-top: 1.85rem;}

.right-pannel-content ul li.controll .on-off.disabled{color:#ccc;}


.right-pannel-content ul li.voice{background: #0066ff; float: right; margin-right:4px; margin-right: 0.1rem}
.right-pannel-content ul li.voice .on-off{padding-top:74px;padding-top: 2rem;}
.reduce-btn{ padding-right: 10px; padding-right: 0.25rem;}
.add-btn{ padding-left: 10px;padding-left: 0.25rem;}


.lcs_wrap {
	float: right;
	position: relative;
	top:-40px;
	top:-1rem;
	height: 33px;
	height:0.825rem;
	vertical-align: middle
}

.lcs_wrap input {
	display: none
}

.lcs_switch {
	display: inline-block;
	position: relative;
	width: 64px;
	width:1.6rem;
	height: 35px;
	height: 0.875rem;
	border-radius: 30px;
	background: #ddd;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.lcs_cursor {
	display: inline-block;
	position: absolute;
	top: 4px;
	top: 0.1rem;
	width: 28px;
	width: 0.64rem;
	height: 28px;
	height: 0.64rem;
	border-radius: 100%;
	/*background: #33ccff;*/
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .1);
	z-index: 10;
	-webkit-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear
}

.lcs_label {
	font-family: trebuchet ms, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 18px;
	color: #fff;
	font-weight: 700;
	position: absolute;
	width: 33px;
	width:0.825rem;
	top: 5px;
	overflow: hidden;
	text-align: center;
	opacity: 0;
	-webkit-transition: all .2s ease-in-out .1s;
	-ms-transition: all .2s ease-in-out .1s;
	transition: all .2s ease-in-out .1s
}



.lcs_switch.lcs_on {
	background: #fff;
	/*box-shadow: 0 0 2px #579022 inset*/
}

.lcs_switch.lcs_on .lcs_cursor {
	left: 32px;
	left:0.88rem;
	top:4px;
	top:0.1rem;

}

.lcs_switch.lcs_on .lcs_label_on {
	left: 10px;
	left:0.25rem;
	opacity: 1
}

.lcs_switch.lcs_off {
	background: #fff;
	box-shadow: 0 0 2px #a4a4a4 inset
}

.lcs_switch.lcs_off .lcs_cursor {
	left: 3px;
	background: #ccc;
}

.lcs_switch.lcs_off .lcs_label_off {
	right: 10px;
	right:0.25rem;
	opacity: 1
}



/*常用网络*/
.right-pannel-web{ padding-left: 18px;padding-left: 0.45rem; width: 546px; width: 13.70rem}
.right-pannel-web ul{ overflow: hidden}
.right-pannel-web ul li{ width:178px; width:4.45rem;height: 178px;height: 4.45rem; float: left; margin: 0.05rem; box-sizing: border-box}
.right-pannel-web ul li a{color:#fff;font-size:24px;font-size:0.6rem;padding:25px; padding:0.625rem; display: block}
.right-pannel-web ul li a{ color:#fff; width:178px; width:4.45rem;height: 178px;height: 4.45rem;overflow: hidden; display: block; box-sizing: border-box; text-decoration: underline;}
.right-pannel-web ul li img{width:102px;height: 102px; width:2.55rem;height:2.55rem;display: block; margin:0 auto}
.right-pannel-web ul li.school-web{background: #cc6633}
.right-pannel-web ul li.memory-king{background: #ff5c85}
.right-pannel-web ul li.source-plat{clear:both;background: #ad5cad}
.right-pannel-web ul li.sanhao{background: #0066cc }
.right-pannel-web ul li.district-plat{background: #99cc00}


/*右下侧浮动按钮*/
.btn-group{  position: fixed; right: -15px; bottom: 0.5rem; background: url("../images/bac/right_bac.png") no-repeat center center;background-size:112px 390px; background-size:2.8rem 9.75rem;  height: 9.75rem; width: 2.8rem;}
.btn-group.lockpagebtns{ right:1px!important;}
.btn-group a{ font-size:14px;font-size:0.35rem;color: #333;}
.btn-group ul{display: block;width:56px;width:1.4rem; margin:0 auto; padding-top: 30px;padding-top: 0.75rem; line-height: 20px; line-height: 0.5rem; text-align: center}
.btn-group ul li.home{padding-bottom: 40px;padding-bottom: 1rem;}
.btn-group ul li.scan-code{padding-bottom: 64px;padding-bottom: 1.6rem;position: relative;cursor: pointer}
.btn-group ul div{width:36px;width:0.8rem;height: 36px;height:0.8rem;padding-left: 9px;padding-left:0.25rem ;}
.btn-group ul div img{ width:0.8rem;height: 0.8rem;}
.show-code{display: none; position: absolute;width:150px; height: 150px;width:3.75rem; height: 3.75rem;padding: 10px; padding:0.25rem;border: 1px solid #ccc;left:-176px; left:-4.4rem;top:0px;background: #fff;}
.show-code img{width:150px;height: 150px;width:3.75rem; height: 3.75rem;}

.note-mode-pannel{ position: absolute; z-index: 10;top:0px; background: #fff; width:1246px;  width:31.15rem; height:668px;height:16.7rem;font-size: 28px;font-size: 0.7rem; padding: 80px;padding: 2rem; box-sizing: border-box;left:50%; margin-left:-623px;margin-left:-15.575rem; top:50%; margin-top:-8.35rem; }

.note-mode-pannel .exit-btn{ position: absolute; top:20px; top:0.5rem ;right: 20px;right: 0.5rem;cursor: pointer}
.note-pannel-top-msg{ height: 50px; height:1.25rem; line-height: 50px; line-height: 1.25rem; padding-left: 25px; padding-left: 0.625rem;}
.note-pannel-top-msg .datetime{ float: left}
.note-pannel-top-msg .writer{ padding-left: 28px;padding-left: 0.7rem;color: #666;}
.note-mode-pannel .note-content{ color:#333; line-height: 50px; line-height: 1.25rem; margin-top:20px; margin-top:0.5rem; cursor: pointer;border-radius: 15px;height: 433px;height: 10.825rem;overflow: hidden;
	background: #f2f2f2;}
.note-pannel-top-left{ font-size:40px; font-size:1rem; color:#333; float: left;width:520px;width:13rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.note-pannel-top-right{ float:right; margin-top:12px; margin-top:0.3rem;}

.note-mode-pannel .swiper-container {
	width: 1070px;
	width: 26.75rem;
	height: 417px;
	height: 10.425rem;
	text-align: justify;
}

.note-mode-pannel .swiper-slide {
	width: 1070px;
	width: 26.75rem;
	padding: 24px;
	padding: 0.6rem;
	background: #fff;
	box-sizing: border-box;
	font-size: 36px;
	font-size: 0.8rem;
	line-height: 55px;
	line-height: 1.375rem;
	background: #f2f2f2;
	text-indent:75px;
	text-indent:1.875rem;
}
.note-mode-pannel .red-slide {
	background: #ca4040;
}
.note-mode-pannel .blue-slide {
	background: #4390ee;
}
.note-mode-pannel .orange-slide {
	background: #ff8604;
}
.note-mode-pannel .green-slide {
	background: #49a430;
}
.note-mode-pannel .pink-slide {
	background: #973e76;
}
.note-mode-pannel .swiper-scrollbar {
	width: 100%;
	height: 4px;
	height:0.1rem;
	position: absolute;
	left: 0;
	bottom: 5px;
	bottom:0.125rem;
	z-index: 1;
}
.version{ line-height: 15px; line-height:0.375rem;font-size:16px;position: absolute;bottom:12px;right:20px;}
.version a{ color:#666; display: block;}
/*首页结束*/


/* 教室控制页 */
.class-controll{ width:1240px; width:31rem;}

/*左侧面板开始*/
.class-controll-left{ padding-left: 14px;padding-left: 0.35rem;}
/*控制模式面板*/
.controll-mode{background: #ff3366;overflow: hidden}
.controll-mode .on-off{ float: right;padding-top:1.5rem}
.controll-mode .on-off a{margin-left: 16px;margin-left: 0.4rem; box-sizing: border-box; color:#fff; font-size:16px; font-size: 0.4rem; width:48px; height: 48px; width:1.2rem; height: 1.2rem; border:2px solid #fff; display:inline-block;line-height: 48px;line-height: 1.2rem;line-height: 42px\0;line-height: 1.05rem\0; text-align: center; border-radius: 50%;}
.controll-mode .on-off a.class-actived{ background: #fff; color:#ff3366;}
.controll-mode .on-off a img{ width:48px; height: 48px; width:1.2rem; height: 1.2rem;}



/*新风面板*/
.new-wind{ background: #0099ff;overflow: hidden}
.new-wind .bottom-content .bottom-left-content{font-size: 14px;font-size:0.35rem;margin-top:22px;margin-top:0.55rem;line-height: 26px;line-height: 0.65rem; width:190px; width:4.8rem;}
.new-wind .bottom-content .bottom-left-content p{ border-bottom: 1px solid rgba(255,255,255,0.6); }
.new-wind .bottom-content .bottom-left-content p span{ display: inline-block; font-size: 14px; font-size:0.35rem; }
.new-wind .bottom-content .bottom-left-content p span:nth-child(1){width:118px;width: 2.8rem;opacity:0.6;}
.new-wind .lcs_cursor{ background: #0099ff}


/*空调面板*/
.controller{ background: #33ad5c;overflow: hidden}
.controller .bottom-left-content{width:190px; width:4.8rem;}
.controller .bottom-left-content span{cursor: pointer}
.controller .bottom-left-content span img{width:34px; width:0.85rem;height: 34px; height: 0.85rem;}
.controller .top-content{overflow: hidden}
.controller .top-content div{ display: inline-block }
.controller .bottom-content{padding-top: 50px;padding-top: 1.6rem;}
.controller .top-content .on-off{padding-top: 0px; float: right; font-size:40px;font-size: 1rem; margin-top: -10px; margin-top: -0.25rem; margin-top: -8px\0; margin-top: -0.1rem\0;}
.controller .top-content .on-off{padding-top: 0px; float: right; font-size:40px;font-size: 1rem; margin-top: -10px; margin-top: -0.25rem; margin-top: -8px\0; margin-top: -0.2rem\0;}
.class-controll .mid-pannel-content ul li {padding: 18px;padding: 0.45rem;}
.class-controll .mid-pannel-content ul a {padding:0px; display: inline-block}
.controller .lcs_cursor{ background: #33ad5c}

/*照明面板*/
.lighting{ background: #0066ff}
.lighting .bottom-content{padding-top: 60px;padding-top: 1.9rem;}
.lighting .voice-controll{width:89%;top:-0.5rem;}

/*左侧面板结束*/

/*中间面板*/
.class-controll-mid .right-pannel-content{padding-left: 0px; }
main .class-controll-mid{width:364px; width:9.1rem;margin-right: 50px;margin-right: 1.25rem}
.class-controll-mid .right-pannel-content ul li.voice{float: left}
.class-controll-mid .right-pannel-content ul li.voice{margin-right: 2px;margin-right: 0.05rem;}
.class-controll-mid .right-pannel-content ul li.voice .voice-off{ display: none; cursor: pointer;}
.class-controll-mid .right-pannel-content ul li.voice .voice-on{ display: block; cursor: pointer;}
.class-controll-mid .right-pannel-content ul li.voice img,.lighting .bottom-content img,.right-pannel-content ul li.voice .on-off img,.reduce-btn img,.add-btn img{ width:20px; height: 20px; width:0.5rem; height: 0.5rem;}
.class-controll-mid .right-pannel-content ul li.door-switch{ background: #6633cc;}
.class-controll-mid .right-pannel-content ul li.camera{ background: #ff6600;}
.class-controll-mid .right-pannel-content ul li.curtains{ background: #009933;}
.class-controll-mid .right-pannel-content ul li.centralizedcontrol{ background: #990099;}
.class-controll-mid .right-pannel-content ul li.accesscontrol{ background: #ff3366;clear: both; float: right}
/*中间面板结束*/

/*右侧面板开始*/
.class-controll-right ul li{float: none; width: 360px; width:8rem;margin-bottom: 4px;margin-bottom: 0.1rem}
.class-controll-right{ padding-left: 10px;padding-left: 0.25rem;}
/*右侧面板结束*/

/*尾部开始*/
footer{ width:100%;box-sizing: border-box; margin:0 auto; overflow: hidden; margin-top:40px; margin-top:1rem; height:50px; height:1.25rem; position: absolute; bottom:15px;bottom:0.375rem; background: #fff;}
footer ul{ overflow: hidden;width:742px; width:18.55rem;margin:0 auto;}
footer ul li{ float: left; font-size:20px; font-size:0.5rem;width:185px;width:4.625rem;line-height: 36px;line-height:0.8rem; text-align: center;}
footer ul li a:link, footer ul li a:hover, footer ul li a:active, footer ul li a:visited{ color:#cccccc;}
footer ul li a{background: url("../images/icon/icon_tab_normal.png") no-repeat top center; padding-top: 14px;padding-top:0.35rem; box-sizing: border-box; height:50px; height:1.25rem;display: block;background-size: 82px 8px; background-size: 2.05rem 0.2rem;color:#000000;}
footer ul li a.actived-btn{background: url("../images/icon/icon_tab_selection.png") no-repeat top center; background-size: 82px 8px; background-size: 2.05rem 0.2rem;color: #0099ff}
.lcs_switch.lcs_off .lcs_cursor {background: #ccc;}

/* 教室控制页结束 */

.media-teach-page{width:1280px; width:32rem;}
/* 多媒体教学 */
/*左侧面板*/
.media-teach-page .media-edu .media-edu-content .left-big-pannel li{float: none; overflow: hidden; width:360px; width: 9rem;margin-top: 0.1rem;}
main .media-edu .media-edu-content ul li:nth-child(1).bac-light-purple2{ background: #993399}
main .media-edu .media-edu-content ul li:nth-child(2).bac-brown{ background: #cc6633}
main .media-edu .media-edu-content ul li:nth-child(3).deep-blue{ background: #0066cc}
main .media-edu .media-edu-content ul li:nth-child(1).bac-pink2{ background: #ff5c85; margin-top:-4px; margin-top: -0.1rem;}
main .media-edu .media-edu-content ul li.movie{ clear: both;margin-left: 184px; margin-left: 4.6rem; overflow: hidden}

/*左侧面板结束*/
.media-teach-page .media-edu-content ul li:nth-child(1).bac-orange{ background: #ff6600;}
main .media-edu .media-edu-content ul li:nth-child(1).bac-pink{ background: #ff3366}
main .media-edu .media-edu-content ul li:nth-child(2).bac-light-blue{ background: #3399ff}
main .media-edu .media-edu-content ul li:nth-child(2).bac-purple{ background: #6633cc}
main .media-edu .media-edu-content ul li:nth-child(3).bac-orange2{ background: #ff6633}
main .media-edu .media-edu-content ul li:nth-child(3).movie{ background: #339966}
main .media-edu .media-edu-content ul li:nth-child(4).window{ clear: both;margin-left:184px;margin-left: 4.6rem}
main .media-edu .media-edu-content ul li:nth-child(4).deep-blue{ background: #0066cc;}
main .media-edu .media-edu-content ul li:nth-child(5).bac-light-blue2{ background: #0099ff}
main .media-edu .media-edu-content ul li:nth-child(5).bac-purple3{ background: #993399}
main .media-edu .media-edu-content ul li:nth-child(6).bac-pink{ background: #ff3366}
main .media-edu .media-edu-content ul li:nth-child(4).deep-blue a{color: #fff;}
.media-teach-page .media-edu:nth-child(3){padding-right: 0px;}



/* 多媒体教学结束 */


/*在线听课开始*/
main.online-class-page{margin-top:110px;margin-top:2.75rem;}
.online-class-page{ width:100%;}
.online-class-page .menu{ font-size:28px;font-size: 0.7rem; position: relative;box-sizing: border-box; overflow: hidden; border-bottom: 15px solid #f7fbff;border-bottom: 0.375rem solid #f7fbff;}
.online-class-page .menu ul{ width:432px; width:10.8rem; margin:0 auto; overflow: hidden}
.online-class-page .menu ul li{ display: inline-block;}
.online-class-page .menu ul li a{ color:#333;padding:0px 45px; padding:0px 1.125rem; line-height: 59px;line-height: 1.5rem;}
.online-class-page .menu ul li a.active{color: #0099ff; border-bottom: 8px solid #0099ff; border-bottom: 0.2rem solid #0099ff; display: block }
.online-class-page .menu .class-search{ width:257px;width:6.425rem; height: 40px; height: 1rem; position: absolute;right:0px;top: 14px;top: 0.35rem;z-index: 2;}
.online-class-page .menu .class-search .classes-search-input{ width:257px; width:6.425rem; height: 40px; line-height: 40px; height: 1rem; line-height: 1rem; background-color: #f7fbff; border:none; padding-left: 12px; padding-left: 0.3rem;    box-sizing: border-box;}
.online-class-page .menu .class-search .class-search-btn{ position: absolute; right: 6px; right: 0.15rem;top: 8px;top: 0.2rem;cursor: pointer;}
.class-search .class-search-btn img{ width:22px; height: 24px; width:0.55rem; height: 0.6rem;}
.menu-content{ width:1568px;width:39.2rem; margin: 0 auto; position: relative;right:16px;right:0.4rem;}

.classes-list-wrap{ font-size:18px;font-size:0.45rem; width: 1568px;width: 39.4rem; margin:0 auto; box-sizing: border-box;}
.select-list{ width:100%; padding-top: 40px; padding-top: 1.1rem;box-sizing: border-box;margin: 0 15px;margin: 0 0.375rem;margin-bottom: 40px;margin-bottom: 1.1rem; display: inline-block;position: relative}
.select-list dl{ display: block; overflow: visible; float: left }

.select-list dl dt,.select-list dl dd{ display: inline-block;}
.select-list dl dt{ font-size:24px; font-size:0.6rem;  line-height: 24px;  line-height: 0.6rem; border-left:4px solid #00ccff;  border-left:0.1rem solid #00ccff; color: #00ccff;padding-left: 12px; padding-right: 40px;padding-left: 0.3rem; padding-right: 1rem;}
.select-list dl dd{margin-right: 33px;margin-right:0.825rem;padding: 4px;padding: 0.1rem;}
.select-list dl dd a{color:#333;}
.select-list dl dd a.active{color: #00ccff;}
.classes-list{  overflow: hidden; clear: both}
.classes-list .class-item{ width:360px;width:9rem;height: 340px;height: 8.5rem;background-color: #f2f2f2; margin:0 15px 30px 15px;margin:0 0.375rem 0.75rem 0.375rem; float: left;border:1px solid #33cbff; }
.classes-list .class-item.active{ width:360px;width:9rem;height: 340px;height: 8.5rem;box-shadow:  0 0 10px #999; background-color: #f2f2f2;margin:0 15px 30px 15px;margin:0 0.375rem 0.75rem 0.375rem; float: left; transition: box-shadow 300ms ease;}

.classes-list .class-item a{ color:#666;}
.classes-list .class-item .class-img{width:360px;width:9rem; height: 200px; height: 5rem;position: relative; overflow: hidden}
.classes-list .class-item .class-img img{width:360px;width:9rem; height: 200px; height: 5rem;}
.classes-list .class-item .class-img .class-space-num{
	color:#fff;
	position: absolute;
	width:100%;
	height: 60px;
	line-height: 60px;
	height: 1.5rem;
	line-height:  1.5rem;
	font-size:24px;
	font-size:0.6rem;
	padding-left:20px;
	padding-left:0.5rem;
	bottom:0px;
	left: 0px;
	background: rgba(0,0,0,0.4);
	background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));
	background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%); /*FireFox*/
	background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);  /* Opear */
	background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7)); /*IE10及IE10+*/
}
.classes-list .class-item .class-info{padding: 20px;padding:0.5rem;height: 140px;height: 3.5rem;box-sizing: border-box;}
.classes-list .class-item .class-info .class-title{font-size: 22px;font-size: 0.55rem;color:#333; line-height: 40px; line-height: 1rem; font-weight: 600; width:300px;width:7.5rem;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.classes-list .class-item .class-info .row{ overflow:hidden;height: 35px; line-height: 35px;height: 0.875rem; line-height: 0.875rem;}
.classes-list .class-item .class-info .row .class-addtress{ width:250px; width:6rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.classes-list .class-item .class-info .row .class-time{ font-size:16px;font-size:0.4rem;margin-top:1px;}
.classes-list .class-item .class-info .row .class-status{color:#333;}
.classes-list .class-item .class-info .left{float: left;}
.classes-list .class-item .class-info .right{float: right;}

.pagination{
	float: right;
	margin-right:20px;
	margin-right:0.5rem;
	position: absolute;
	right:0px;
}
.pagination a {
	text-decoration: none;
}

.pagination a, .pagination span {
	display: inline-block;
	/*border: 1px solid #90b5d9;*/
	/*border-radius: 5px;*/
	height: 34px;
	line-height: 34px;
	height: 0.85rem;
	line-height: 0.85rem;
	margin-right: 10px;
	margin-right: 0.25rem;
	width:34px;
	width:0.85rem;
	font-size:12px;
	text-align: center;
	color: #89b0d8;
	background:url("../images/bac/pagination_bac_default.png") no-repeat;
	background-size:0.85rem 0.85rem;
	overflow: hidden;
}
.pagination .active,.pagination a:hover {
	/*background-color: #bed4e9;*/
	background: url("../images/bac/pagination_bac_active.png") no-repeat;
	background-size:0.85rem 0.85rem;
	color: #fff;
	/*border: 1px solid #AAE;*/
}

.pagination .active.prev, .pagination .active.next{
	color:#999;
	border-color:#999;
	background:#fff;
}
.pagination .index-page,.pagination .end-page,.pagination .prev,.pagination .next{
	/*background-color: #bed4e9;*/
	background: url("../images/bac/pagination_bac_active.png") no-repeat;
	background-size:0.85rem 0.85rem;
	color: #fff;
	/*border: 1px solid #bed4e9;*/
}
.pagination .prev,.pagination .next{ display: none;}
.no-result-tip{ width:100%;line-height: 550px; line-height: 13.75rem; text-align: center;}


.active-status-wrap{  position: relative;}
.active-item-sub-menu{border-left: 1px solid #eff7ff;border-right: 1px solid #eff7ff;display: none; top:36px; top:0.8rem; left:-20px; left:-0.5rem; width:110px; width:2.75rem; position: absolute; z-index: 1}
.active-item-sub-menu span{cursor: pointer; display: block; background-color: #fff; line-height: 35px;line-height:0.875rem; text-align: center; border-bottom: 1px solid #eff7ff; font-size:16px;font-size:0.4rem;}
.active-item-sub-menu span:hover{color: #00ccff;}
.active-status{border:none; cursor: pointer; display: block;  color:#333; background: url(../images/icon/arrow-down.png) no-repeat right center; padding-right: 20px; padding-right: 0.5rem;background-size:16px 9px;background-size:0.4rem 0.225rem;}
.active-status.selected{color:#00ccff;}
.active-status.actived{cursor: pointer;display: block;background: url(../images/icon/arrow-up.png) no-repeat right center;background-size:16px 9px;background-size:0.4rem 0.225rem;}
.active-list-content-wrap .main-content-inner{ overflow: visible;}
.online-class-page .onineClassChoosen{display: none;}
.onineClassChoosen,.onineUserChoosen{background:url("../images/bac/window_nav_bac.png") repeat-y; background-size: 100% auto; }
.onlineClassSearchBar{ overflow: hidden; width: 1260px; width: 32.5rem; margin:0 auto;}
.onlineClassSearchBarContent{ height: 60px; height: 1.5rem;background: #f1f8ff; border-radius: 50px; line-height: 60px; line-height: 1.5rem; width: 1024px;width: 25.6rem; margin-top: 28px; margin-top: 0.7rem;margin-bottom: 28px;margin-bottom: 0.7rem; }
.onlineClassSearchBar div.col{ display: inline-block; }
.onlineClassSearchBar ul li{ display: inline-block; padding:0px 30px; padding:0px 0.75rem; border-right:1px solid #ccc;height: 23px;height: 0.575rem;line-height: 23px;line-height: 0.575rem; font-size: 20px;font-size: 0.5rem;}
.onlineClassSearchBarContent .col input{ background: #f1f8ff; border:none;font-size: 24px; ;font-size: 0.6rem; padding-left: 20px;padding-left: 0.5rem;color:#666; height:55px;height:1.375rem;width:100%;}
.onlineClassSearchBarContent .col input::-webkit-input-placeholder {     /* placeholder颜色  */ color: #999;}
.col .onlineRadio{margin-left:15px;margin-left:0.375rem; position: relative;font-size:16px; font-size:0.4rem; color:#fff;}
.col .onlineRadio:nth-child(2) {top: 15px;top:0.375rem;}
.inputSearchBtn{width: 128px;width: 3.2rem; height: 60px; height:1.5rem;line-height: 60px;line-height: 1.5rem; background: #0099ff; border:none; color:#fff; font-size: 24px;font-size:0.6rem; border-radius: 50px; margin-left:28px; margin-left:0.7rem;box-sizing: border-box; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); cursor: pointer}
.fourUnionSelected{ margin-left:10px; margin-left:0.25rem;}
.fourUnionSelected label{ border-right:1px solid #ccc;padding: 0 7px; padding: 0 0.175rem; display: inline-block; height: 28px;height:0.7rem; line-height: 28px;line-height: 0.7rem;}
.fourUnionSelected select{height: 28px;height: 0.7rem;	border: none;background: #f1f8ff url("../images/icon/arrow-down-gray-select.png") no-repeat right center;background-size: 16px 8px; background-size: 0.4rem 0.2rem; 	font-size: 20px;font-size: 0.5rem;color: #333; /*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right:34px;	padding-right:0.85rem;
	/*将默认的select选择框样式清除*/
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none; }
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.fourUnionSelected select::-ms-expand { display: none; }
.onlineRadioCol{ position: relative;top:10px\0;top:0.25rem\0;}
/*在线听课结束*/

/*我的直播开始*/
main.my-live-page{margin-top:110px;margin-top:2.75rem;}
.my-live-page{ width:100%;}
.my-live-page .menu{ font-size:28px;font-size: 0.7rem; position: relative;box-sizing: border-box; overflow: hidden; border-bottom: 15px solid #f7fbff;border-bottom: 0.375rem solid #f7fbff;}
.my-live-page .menu ul{ width:432px; width:10.8rem; margin:0 auto; overflow: hidden}
.my-live-page .menu ul li{ display: inline-block;}
.my-live-page .menu ul li a{ color:#333;padding:0px 45px; padding:0px 1.125rem; line-height: 59px;line-height: 1.5rem;}
.my-live-page .menu ul li a.active{color: #0099ff; border-bottom: 8px solid #0099ff; border-bottom: 0.2rem solid #0099ff; display: block }
.my-live-page .menu .class-search{ width:257px;width:6.425rem; height: 40px; height: 1rem; position: absolute;right:0px;top: 14px;top: 0.35rem;z-index: 2;}
.my-live-page .menu .class-search .classes-search-input{ width:257px; width:6.425rem; height: 40px; line-height: 40px; height: 1rem; line-height: 1rem; background-color: #f7fbff; border:none; padding-left: 12px; padding-left: 0.3rem;    box-sizing: border-box;}
.my-live-page .menu .class-search .class-search-btn{ position: absolute; right: 6px; right: 0.15rem;top: 8px;top: 0.2rem;cursor: pointer;}


.classes-list .create-live-btn{ width:520px;width:13rem; height: 487px; height: 12.175rem; border-radius: 20px;border-radius: 0.5rem; background:#f2f2f2 url("../images/icon/icon_card_Createlivebroadcast.png") no-repeat center center; background-size: 220px 220px; background-size: 5.5rem 5.5rem; border:1px solid #33cbff;overflow: hidden; font-size:28px; font-size:0.7rem; color:#3399ff; text-align: center; float: left; margin:15px; margin:0.375rem;}
.classes-list .create-live-btn a{line-height: 50px;line-height:1.25rem;width:520px;;width:13rem; height: 487px; height: 12.175rem; display:block; padding-top:333px; padding-top:8.325rem;}
.my-live-page .classes-list .class-item{width:517px; height: 486px; margin: 15px; width:12.925rem; height: 12.15rem; margin: 15px; margin: 0.375rem; float: left}
.my-live-page .classes-list .class-item .class-img{width:517px; height: 295px;width:12.925rem; height: 7.375rem;}
.my-live-page .classes-list .class-item .class-img img{ width:517px; height: 295px;width:12.925rem; height: 7.375rem;}
.my-live-page .classes-list .class-item .class-img .class-space-num{ font-size:32px;font-size:0.8rem;}
.my-live-page .classes-list .class-item .class-info .class-title{ font-size:28px;font-size:0.7rem;}
.my-live-page .classes-list .class-item .class-info .row .class-time{font-size:20px;font-size:0.5rem;}
.my-live-page .classes-list .class-item .class-info{padding:20px 30px; padding:0.5rem 0.75rem}
.my-live-page .classes-list .class-item .class-info .class-title{ line-height: 54px;line-height: 1.35rem;}
.my-live-page .classes-list .class-item .class-info .row{ line-height: 45px;line-height: 1.125rem;}
.class-operate-btn{ width:100%;border-top: 1px solid #ccc;}
.class-operate-btn ul li{ float: left; width:172px;width:4.29rem; height:32px; height:0.7rem;line-height: 32px;line-height: 0.7rem; text-align: center;margin-top: 10px;margin-top: 0.25rem; }
.class-operate-btn ul li a{ display: block;font-size: 24px;font-size: 0.6rem;}
.class-operate-btn ul li:nth-child(1){border-right: 1px solid #ccc;background: url("../images/icon/icon_card_delete.png") 36px 5px no-repeat;background: url("../images/icon/icon_card_delete.png") 0.9rem 0.125rem no-repeat; background-size:20px 20px;background-size:0.5rem 0.5rem;}
.class-operate-btn ul li:nth-child(2){background: url("../images/icon/icon_card_revise.png") 36px 5px no-repeat;background-size:20px 20px;background: url("../images/icon/icon_card_revise.png") 0.9rem 0.125rem  no-repeat;background-size:20px 20px;background-size:0.5rem 0.5rem;}
.class-operate-btn ul li:nth-last-child(1){height:50px;height:1.25rem;border:none; background: url("../images/bac/start_bac.png") no-repeat;margin-top:0px;line-height: 50px;line-height: 1.25rem;}
.class-operate-btn ul li:nth-last-child(1) a{color:#fff; }

.my-live-page .select-list{padding-bottom: 25px;padding-bottom: 0.625rem; padding-top: 34px; padding-top: 0.85rem; position: relative}
.my-live-page .classes-list-wrap{ font-size:18px;font-size:0.45rem; width:1660px;width:41.5rem; margin:0 auto; box-sizing: border-box;}
.my-live-page .menu-content{ width:1660px;width:41.5rem;}
.my-live-page .classes-list .class-item .class-info .row .class-status{ font-size: 20px;font-size: 0.5rem;}

te-live-btn.active{ box-shadow:  0 0 10px #999;  transition: box-shadow 300ms ease;}
.my-live-page .pagination{right:10px;right:0.25rem;}
.my-live-page .classes-list .class-item .class-info .class-title{width:364px;width:9.1rem;}


.window-tip{ min-width:400px;min-width:10rem; min-height: 200px;min-height: 5rem; background: #fff; position: fixed;top:50%; left:50%;margin-top:-100px;margin-top:-2.5rem; margin-left:-200px; margin-left:-5rem; display: block;box-shadow:  0 0 10px #999;}
.window-tip .tips-msg{font-size:24px;font-size:0.6rem;line-height: 40px; line-height: 1rem; text-align: center; padding: 54px 0px;padding: 1.35rem 0px;}
.window-tip .tips-btn-group{ height: 60px;height: 1.5rem; border-top:1px solid #ccc;font-size:20px;font-size:0.5rem;}
.window-tip .tips-btn-group a:first-child{ border-right:1px solid #ccc;}
.window-tip .tips-btn-group a{ display: inline-block; height: 40px; height: 1rem; margin-top:10px; margin-top:0.25rem; width:196px; width:4.9rem; line-height: 40px;line-height: 1rem; text-align: center; color:#333;}
.window-tip .tips-btn-group a:hover,.window-tip .tips-btn-group a.active{ color:#5cadff;}
/*我的直播结束*/


/*我的录制开始*/
main.my-record-page{margin-top:110px;margin-top:2.75rem;}
.my-record-page{ width:100%;}
.my-record-page .menu{ font-size:28px;font-size: 0.7rem; position: relative;box-sizing: border-box; overflow: hidden; border-bottom: 15px solid #f7fbff;border-bottom: 0.375rem solid #f7fbff;}
.my-record-page .menu ul{ width:432px; width:10.8rem; margin:0 auto; overflow: hidden}
.my-record-page .menu ul li{ display: inline-block;}
.my-record-page .menu ul li a{ color:#333;padding:0px 45px; padding:0px 1.125rem; line-height: 59px;line-height: 1.5rem;}
.my-record-page .menu ul li a.active{color: #0099ff; border-bottom: 8px solid #0099ff; border-bottom: 0.2rem solid #0099ff; display: block }

.my-record-page .select-list {padding-bottom: 25px;	padding-bottom: 0.625rem;	padding-top: 34px;	padding-top: 0.85rem;	position: relative;}
.my-record-page .class-item {	margin: 0.375rem;}
.my-record-page .classes-list .create-live-btn{ width:360px;width:9rem; height: 340px;height: 8.5rem;background: #f2f2f2 url(../images/icon/icon_card_Createrecord.png) no-repeat center center; background-size:180px 180px;background-size:4.5rem 4.5rem;  overflow: hidden;}
.my-record-page .classes-list .create-live-btn a{ width:360px; width:9rem; height: 340px;height: 8.5rem;padding-top:230px;padding-top:5.75rem;}

.my-record-page .classes-list .class-item .class-info{padding: 20px 20px 10px 20px;padding: 0.5rem 0.5rem 0.25rem 0.5rem;height: 100px; height: 2.5rem; box-sizing: border-box;}
.my-record-page .class-operate-btn ul li a{ font-size:18px;font-size:0.45rem;}
/*.class-operate-btn ul li:nth-child(1)*/
.my-record-page .class-operate-btn ul li:nth-last-child(1) {height: 32px;height: 0.8rem;border: none;background: none;	margin-top: 0px;line-height: 32px;line-height: 0.8rem;color:#666;margin-top:4px;margin-top:0.1rem;    background: url(../images/icon/icon_download.png) 44px 5px no-repeat; background: url(../images/icon/icon_download.png) 1.1rem 0.125rem no-repeat; background-size: 20px 20px;	background-size: 0.5rem 0.5rem;}

.my-record-page .class-operate-btn ul li:nth-last-child(1) a{color:#666;height: 32px;height: 0.8rem;line-height: 32px;line-height: 0.8rem;}
.my-record-page .class-operate-btn ul li{margin-top:5px;margin-top:0.125rem;}
.my-record-page .classes-list .class-item.active{margin: 0.375rem;}

.my-record-page .classes-list-wrap{width: 39.5rem;}
/*我的录制结束*/

/*填写信息页开始*/

#page1 .leftClassForm{width:600px;width:15rem;float: left; overflow: hidden; border-right: 1px solid #ccc;padding-right: 30px;padding-right:0.75rem;}
#page1 .selectMovieWrap .row{padding-bottom: 15px; padding-bottom: 0.375rem; position: relative; overflow: hidden}
#page1 .selectMovieWrap .row span{ display: inline-block;}
#page1 .selectMovieWrap .row span input,.leftClassForm .row span textarea{line-height: 35px;line-height: 0.875rem;height: 35px;height: 0.875rem; border:1px solid #ccc; border-radius: 5px; border-radius:0.125rem;padding-left: 12px;padding-left: 0.3rem;font-size:16px;font-size:0.4rem;box-shadow: none;font-family: "Arial", "Microsoft YaHei", "微软雅黑";box-sizing: border-box}
#page1 .selectMovieWrap .row span textarea{width:440px;width:11rem;overflow-y: auto}
#page1 .selectMovieWrap .row span .classId[readonly]{ background: #f2f2f2;}
#page1 .selectMovieWrap .row span input.rowInput{ height: 35px;height: 0.875rem;min-height: 25px; width:440px;width:11rem; padding-right:50px; padding-right:1.25rem; }
#page1 .selectMovieWrap .row span input.rowInput:focus{ border:1px solid #66ccff;}
#page1 .selectMovieWrap .row span textarea{ height: 182px; height: 4.55rem;padding-bottom: 30px;padding-bottom: 0.75rem;}
#page1 .selectMovieWrap .row span.classInfoTitle{ height: 182px;height: 4.55rem; vertical-align: top;}
#page1 .selectMovieWrap .leftClassFormTitle{ width:110px;width:2.75rem; font-size: 14px; font-size: 0.35rem;color:#333;}
.dateTitle{margin-right: 3px;margin-top: 10px;margin-top: 0.25rem;}
.classImgProgress{margin-right: 3px;}

#page1 .selectMovieWrap{ padding-top:40px;padding-top:1rem; overflow: hidden; width: 100%; }
#page1 .rightClassImgPreView{width:600px;width:15rem; overflow:hidden;padding-left: 60px;padding-left: 1.5rem}
#page1 .rightClassImgPreView img{width:440px;width: 11rem; height: 440px;height: 11rem;}
#page1 .selectMovieWrap .row span.classImgTitle{ height: 440px; height: 11rem; vertical-align: top;}
#page1 .selectMovieWrap .row span.classImgProgress{ height: 104px; height:2.6rem; vertical-align: top;float: left; display: block}
#page1 .selectMovieWrap .row .t_h{font-size:14px;font-size:0.35rem;right:52px;right:1.3rem;bottom:24px;bottom:0.6rem}
.classInfoContent .t_h{ bottom:34px; bottom:0.85rem;}
.uploadWrap{ position: relative;padding-bottom:0px !important;}
.uploadWrap .addImgBtn{ width:104px; width:2.6rem; height: 104px; height: 2.6rem; background: #cccccc url("../images/icon/inputInfo_03.png") no-repeat center center; border-radius: 5px;border-radius: 0.125rem; }
.uploadWrap .uploadBtn{ background:#339cff; border-radius: 25px; height: 30px;height: 0.75rem;width:84px;width:2.1rem;line-height: 30px;line-height: 0.75rem; border:none; color:#fff;
	display: none;}
.uploadWrap .uploadProgress{  float: left; display: block}
.uploadWrap .uploadBtnWrap{ float: left; display: block; margin-top:35px;margin-top:0.875rem;margin-left:20px;margin-left:0.5rem;}
.uploadWrap .tip{position: absolute;left:230px;left:5.75rem;bottom:0px; font-size:16px; font-size:0.4rem;}


.startTimeWrap{overflow: hidden}
.startTimeWrap .leftClassFormTitle{display: block; float: left}
.startTimeWrap .c-datepicker-date-editor{height: 37px;height: 0.925rem; min-height:23px;width:200px; width:5rem; line-height: 37px;line-height:0.925rem}
.startTimeWrap .c-datepicker-data-input.only-date{ width:200px; width:5rem;}
.chooseStarDate{ float: left; position: relative}
.startTimeWrap .choose-date{z-index: 1; width: 13px; width: 0.325rem; height: 13px; height:0.325rem;left: 150px;left: 3.75rem;}
.startTimeWrap .choose-date img{width:13px;height: 13px;}
.chooseStarTime{ margin-left:10px; margin-left:0.25rem; position: relative}

/*日期控件兼容性调整*/
.c-datepicker-date-picker.has-sidebar{width:9.75rem}
.c-datepicker-picker [slot=sidebar], .c-datepicker-picker__sidebar{width: 2.55rem;}
.c-datepicker-picker__shortcut{ font-size:14px; font-size:0.35rem}
.c-datepicker-picker [slot=sidebar]+.c-datepicker-picker__body, .c-datepicker-picker__sidebar+.c-datepicker-picker__body{ margin-left:2.55rem}
.kxiconfont{ font-size:0.4rem;}
.c-datepicker-picker__icon-btn {	padding: 0.16rem 0rem;}
.c-datepicker-date-picker__header-label{font-size:0.4rem;line-height:0.55rem }
.c-datepicker-picker{line-height:0.75rem }
.c-datepicker-date-table td div{ height:0.3rem;}
.c-datepicker-date-table td .cell{ width:0.6rem; height: 0.6rem;line-height: 0.6rem;padding: 0.1rem;}
.c-datepicker-date-table td{ width:0.85rem;height: 0.75rem;padding: 0.1rem 0rem;}
.c-datepicker-date-picker__header{margin:0px 0.3rem;}
.c-datepicker-date-table th{ padding: 0px;}
.c-datepicker-picker__footer{ display: none}
.c-datepicker-picker__content {
	margin: 0;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 10px;
	padding-bottom: 0.25rem;
}
.c-datepicker-picker__shortcut{ line-height:0.7rem }

.Hunter-time-picker{width:9.15rem;}
.Hunter-time-picker .Hunter-hour-name{width:1.25rem; height:0.75rem;line-height:0.75rem; }
.Hunter-time-picker p {
	font-weight: 700;
	padding: 0rem 0.1rem;
	margin-top: 0.1rem;
	margin-bottom:0.1rem;

}
.Hunter-time-picker *{ font-size:0.35rem;}
.Hunter-time-picker .Hunter-wrap {
	padding: 0.1rem;
}
.Hunter-time-picker .Hunter-clean-btn {
	width: 2.7rem;

}

.Hunter-time-picker ul li{ margin:0.1rem}

.Hunter-time-picker .Hunter-minute-wrap {
	display: none;
	border: 1px solid #d8d8d8;
	background: #fff;
	position: absolute;
	top: 0.725rem;
	width: 17.7rem;
	padding: 0rem 0.25rem 0.125rem;
}


.Hunter-time-picker .Hunter-minute {
	width: 1.22rem;
	height: 0.75rem;
	line-height: 0.75rem;
}



/*填写信息页结束*/


/*直播邀请流程开始*/
#page2 .selectMovieWrap{	min-height: 600px;	min-height: 15rem;	padding: 10px;	padding:0.25rem;width: 32.375rem;}
.leftSelectClass,.rightSelectPerson{ border:1px solid #00ccff; width:605px; width:15.125rem;background: #fff;    overflow: hidden;border-radius: 10px;border-radius: 0.25rem;margin-top:20px;margin-top:0.5rem; box-sizing: border-box; box-shadow: 0px 10px 10px #ddd;box-shadow: 0px 0.25rem 0.25rem #ddd;}
.classSelectContent{ background:#f5faff; border-radius: 10px; margin-top:23px; margin-top:0.575rem; padding: 12px 22px; padding:0.3rem 0.55rem; height: 278px; height: 6.95rem;overflow: auto}
.classSelectContent1 ul li{ float: left; margin-right:10px; margin-right:0.25rem; font-size: 16px; font-size: 0.4rem; line-height: 25px; line-height: 0.625rem;margin-top:10px;margin-top:0.25rem;box-sizing: border-box;border:1px solid #5cadff; padding: 2px 30px 2px 10px; padding: 0.05rem 0.75rem 0.05rem 0.25rem;}
.classSelectContent1 ul li:hover{ box-sizing: border-box }

.classSelectContent ul li{ float: left; margin-right:3px; margin-right:0.075rem; font-size: 16px; font-size: 0.4rem; line-height: 25px; line-height: 0.625rem;margin-top:10px;margin-top:0.25rem;box-sizing: border-box;padding: 2px 4px 2px 5px;padding: 0.05rem 0.1rem 0.05rem 0.125rem;cursor: pointer ; border:1px solid #f5faff;}
.classSelectContent ul li:hover{ box-sizing: border-box;border:1px solid #5cadff; }
.classSelectContent ul li.active{ box-sizing: border-box;border:1px solid #5cadff; }

.choosenClassListMode{height: 476px;height: 11.9rem;padding: 50px; padding: 1.25rem; }
.leftSelectClass{float: left;margin-right: 44px;margin-right: 1.1rem;}


.addClassMode{height: 200px; height: 5rem; box-sizing: border-box}
.addClassMode a{ font-size:20px; font-size:0.5rem; text-align: center;line-height: 50px;line-height: 1.25rem;padding: 50px; padding: 1.25rem; color:#666  ;display: block;}
.classSelectTitle{font-size: 40px;font-size: 1rem; overflow: hidden;color:#333; }
.addClassBtn{ background: none; border:none; width:104px;width:2.75rem; height: 37px;height:0.925rem; cursor: pointer;float: right;margin-top: 11px; margin-top: 0.275rem; margin-right: 10px;margin-right:0.25rem;}
.addClassBtn img{ width:94px; height: 34px; width:2.35rem; height: 0.85rem;}
.addUserBtn{ background: none; border:none; width:105px; width:2.7rem; height: 34px;height:0.85rem; cursor: pointer;float: right;margin-top: 11px; margin-right: 10px;margin-right: 0.25rem;}
.addUserBtn img{width: 94px; height: 34px; width:2.35rem; height: 0.80rem}
.addClassMode img{ width:56px; width:1.4rem; height: 56px;height: 1.4rem; margin:0 auto;    display: block;}
.fullbg{ width:100%; height: 100%;display: none  }

.ystep-lg .ystep-container-steps {z-index: 1;}

.modeWindow{ width:1500px;width:37.5rem; height: 900px; height: 22.5rem; background:url("../images/bac/add-window-top-bac.png") no-repeat center top;background-size:100% auto; position: fixed; z-index:2;left:50%; margin-left:-750px;margin-left:-18.75rem;top:100px;top:5.5rem; display: none}
.modeWindow .modeWindowTitle {height: 100px;height: 2.5rem;line-height: 100px;line-height: 2.5rem;text-align: center;position: relative;overflow: hidden;}
.modeWindow .modeWindowTitle ul{ overflow: hidden;display: block}
.modeWindow .modeWindowTitle ul li{ display: inline-block;width:226px;width:5.65rem;}
.modeWindow .modeWindowTitle ul li a{ color:#fff;font-size:36px; font-size:0.9rem; display: block;}
.modeWindow .modeWindowTitle ul li a.active{ font-weight: 600; background:url("../images/icon/up-icon.png") no-repeat center bottom; background-size: 16px 14px; background-size: 0.4rem 0.35rem;}
.windowExitBtn{ position: absolute;right: 17px;right: 0.425rem;top: -13px;top: -0.325rem;}
.windowExitBtn img{width:26px; height: 26px; width:0.65rem; height: 0.65rem}




.in-grade{ font-size:16px;font-size:0.4rem; min-height:60px;line-height: 60px;  min-height:1.5rem;line-height: 1.5rem; background:url("../images/bac/window_nav_bac.png") repeat-y; background-size:100% auto;padding-left: 60px; padding-left: 1.5rem; color: #fff; overflow: hidden}
.in-grade a{font-size: 18px; font-size: 0.45rem; color:#fff;min-width:100px;min-width:2.5rem;height:40px; height:1rem; line-height: 40px;line-height: 1rem;text-align: center;display:inline-block;}

.in-grade a.active{ font-weight: 600;}

.in-addtress{ font-size:16px;font-size:0.4rem;  min-height:60px;min-height:1.5rem;line-height: 60px;  line-height: 1.5rem;  background:url("../images/bac/window_nav_bac2.png") repeat-y; background-size:100% auto;padding-left: 60px; padding-left: 1.5rem; color: #fff; overflow: hidden;position: relative;}
.in-addtress a{font-size: 18px; font-size: 0.45rem; color:#fff;min-width:100px;min-width:2.5rem;text-align: center;  height:40px; height:1rem; line-height: 40px;line-height: 1rem;display:inline-block;}

.in-addtress a.active{ font-weight: 600;}
.in-addtress-content{ float:left;width:1300px;width:32.5rem;}
.showAll{ float: right; position: absolute;top: 0px;	right: 10px;right: 0.25rem;}
.showAll img{width:16px; height: 10px; width:0.4rem; height: 0.25rem;}
.in-addtress span.sildeUp{color:#fff; text-decoration: underline;position: absolute;	top: 0px;display: none;right: 47px;right:1.175rem;}
.in-addtress-content.hide{ height:60px; height:1.5rem; overflow: hidden; }
.in-addtress-title{ float: left; width:64px;width:1.6rem;}


.btn.btn-white.btn-sm-border {border:1px solid #999999;border-style: dashed;border-radius: 5px;font-size: 14px;font-size: 0.35rem;background-color: #fff!important;color: #999999!important;border-radius: 50px; padding: 0; height: 32px;height: 0.8rem;line-height: 32px;line-height: 0.8rem;}
.hand-choose-pannel{ background: #fff;padding: 10px 50px 63px 50px; padding: 0.25rem 1.25rem 1.575rem 1.25rem; overflow: hidden; position: relative;}
.hand-choose-pannel button{display: block; width:94px; width:2.6rem; margin-bottom:20px;margin-bottom:0.5rem;}
.selected-title-content{ float: left}
.all-select{ width:120px; width:3rem; height: 40px; height:1rem; position: absolute; bottom: 30px; bottom:0.75rem; right:30px; float: right}
.all-select .btn{font-size:18px; font-size:0.45rem; background:#00ccff;}
.all-clear-btn{font-size: 18px;font-size: 0.45rem;width: 70px;width: 1.75rem;	float: right;}
.all-clear-btn a{ color:#333; text-decoration: underline}
.all-clear-btn a img{ display: inline-block; padding-right: 10px;padding-right: 0.25rem; width: 18px; height: 20px;width:0.45rem; height: 0.5rem;}
.space-list{ overflow: hidden; padding-top:20px;padding-top:0.5rem;}
.space-list ul{ display: block;}
.space-list ul li{ float: left;}
.space-list ul li a{font-size:16px;font-size:0.4rem;color: #333;  text-align: center; border-radius: 5px;margin:0 10px;margin:0 0.25rem;margin-bottom: 20px; margin-bottom: 0.5rem; display:block; background:#fff; box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 0.25rem #ccc; width:120px; width:3rem; height: 40px;height: 1rem;line-height: 40px;line-height: 1rem;}

.space-list ul li a.active{box-shadow: none; background: #f2faff;color:#666;}
.space-list ul li a:hover{ text-decoration: none; display:block;}
.modeWindow .pagination{  float: none; line-height: 30px; line-height: 0.75rem; text-align: center; width:100%;}




.all-select button.active{border:1px solid #333333!important}


.selected-spaces{ overflow: hidden; padding: 30px 50px;padding: 0.75rem 1.25rem;}
.selected-spaces ul { display: block;overflow: hidden; margin-top:10px;margin-top:0.25rem; max-height: 170px;max-height:4.25rem;}
.selected-spaces ul li{ font-size: 18px; font-size: 0.45rem; color: #666;line-height: 31px;line-height: 0.775rem;float:left; padding: 0px 10px 0px 10px; padding: 0px 0.25rem 0px 0.25rem; cursor: pointer}


.selected-title{ font-size: 22px;font-size: 0.55rem;color: #333;line-height: 31px;line-height: 0.775rem;overflow: hidden;}


.btn-blue{ width:100%;height: 100%; border-radius: 50px; font-size:20px;font-size:0.5rem;background-color: #0099ff; color:#fff; border:none; cursor: pointer;}

.created-btn{ width:147px; width:3.675rem; margin:0 auto;height: 50px;height: 1.25rem;}


.btn-sm-blue{ height: 40px;height: 1rem;border:0px; width: 142px;width: 3.55rem;height: 100%; border-radius: 50px; font-size:0.16rem;background-color: #0099ff!important; border-color: #0099ff!important;}
button.btn-sm-blue.btn.btn-primary:hover,button.btn-sm-blue.btn.btn-primary:focus,button.btn-sm-blue.btn.btn-primary:visited{ background-color: #0099ff!important; border-color: #0099ff!important;}

.modeWindowContent1{ background:#fafdff;padding-bottom: 50px;padding-bottom: 1.25rem;}

.classSelectContent ul li .del-class{ width:12px; width:0.3rem; height: 12px; height: 0.3rem; background: url("../images/icon/exit-icon-nohover.png") no-repeat center center; display: inline-block;padding-left: 5px; padding-left: 0.125rem; opacity:0;}
.classSelectContent ul li .del-class:hover{ background: url("../images/icon/exit-icon.png") no-repeat center center; }
.classSelectContent ul li:hover .del-class{ opacity: 1;}

.classSelectContent ul li.active .del-class{ opacity: 1; }


.space-selected-content li .del-class{ width:12px; width:0.3rem; height: 12px; height: 0.3rem; background: url("../images/icon/exit-icon-nohover.png") no-repeat center center; display: inline-block;padding-left: 5px; padding-left: 0.125rem; opacity:0;}
.space-selected-content li .del-class:hover{ background: url("../images/icon/exit-icon.png") no-repeat center center; }
.space-selected-content li:hover .del-class{ opacity: 1;}

.space-selected-content li.active .del-class{ opacity: 1; }

.space-selected-content li{border:1px solid #fafdff;}
.space-selected-content li:hover{ box-sizing: border-box;border:1px solid #5cadff; }
.space-selected-content li.active{ box-sizing: border-box;border:1px solid #5cadff; }



/*直播邀请流程结束*/




/*输入公告开始*/
#page3 .selectMovieWrap{width:1010px;width:25.25rem; margin:0 auto;margin-top:40px;margin-top:1rem; position: relative}
#page3 .inputInviteNote{line-height: 45px;line-height: 1.125rem; width:1000px; width:25rem; height: 400px;height: 10rem; background: #f5faff; border-radius: 10px; border-radius:0.25rem; padding: 40px;padding:1rem;font-size:22px;font-size:0.55rem; font-family: "Arial", "Microsoft YaHei", "微软雅黑"; box-sizing: border-box;resize: none;color: #666; border:1px solid #ccc;overflow-y:auto}
.t_h{ position: absolute;  bottom: 20px; bottom: 0.5rem;right: 25px; right: 0.625rem; color:#ccc;font-size:22px;font-size:0.55rem;}
.t_h i{font-style: normal}



/*输入公告结束*/
/*画面选择流程开始*/
.ystep-step-done{ color:#33cbff;}
.ystep-blue .ystep-step-active {color: #33cbff}
.ystep-lg .ystep-step-active .stepIcon{background: #33cbff;}
.ystep-lg .ystep-step-undone .stepIcon {
	border-radius: 20px;
	width: 0.25rem;
	height: 0.25rem;
	display: block;
	text-align: center;
	margin-top: 0.7rem;
	margin-left: 0.2rem;
	color: #909399;
	background: #ccc;
}
.ystep-lg .ystep-step-done .stepIcon {
	border-radius: 20px;
	width: 0.25rem;
	height: 0.25rem;
	display: block;
	text-align: center;
	margin-top: 0.7rem;
	margin-left: 0.2rem;
	color: transparent;
	background: #33cbff;
}

.ystep-lg .ystep-step-active .stepIcon {
	border-radius: 20px;
	width: 0.25rem;
	height: 0.25rem;
	display: block;
	text-align: center;
	margin-top: 0.7rem;
	margin-left: 0.2rem;
	color: #303133;
	background: #cccccc;
}
.ystep-lg .ystep-progress{
	height: 0.075rem;
	position: absolute;
	top:0.85rem;
	left: 0.375rem;
	float: left;
	margin-right: 0.25rem;
	overflow: hidden;
	background: #c0c4cc;
}
.step-button {position: absolute;	top: 21.5rem;width: 100%;line-height: 50px;line-height: 1rem;text-align: center;}
.step-button button {width: 146px;width: 3.65rem;height: 48px;height: 1.2rem;border: none;	border-radius: 50px;cursor: pointer;	color:#fff;font-size: 20px;font-size: 0.5rem;}
.prevBtn{ background: #33ccff;}
.nextBtn{ background: #3399ff;}

button:focus {	outline: none;}
.ystep-container .descriptionHeader{text-align: center;	margin-left: -63px;	}
.ystep-blue .ystep-step-undone{ color:#ccc;}
/*当表单无未填内容时显示done样式*/
.ystep-container-steps li.ystep-step-done .descriptionHeader{background: url("../images/icon/icon_success.png") no-repeat 115px center;}
/*.ystep-container-steps li.ystep-step-done .descriptionHeader{background: url("../images/icon/icon_success.png") no-repeat 5rem center;}*/
.ystep-container-steps li.ystep-step-done:nth-child(3) .descriptionHeader{background: url("../images/icon/icon_success.png") no-repeat 130px center;}
/*.ystep-container-steps li.ystep-step-done:nth-child(3) .descriptionHeader{background: url("../images/icon/icon_success.png") no-repeat 3.25rem center;}*/
.ystep-container .ystep-container-steps li:nth-child(3) .descriptionHeader.done{background: url("../images/icon/icon_success.png") no-repeat 90px center;}
.ystep-container .ystep-container-steps li:nth-child(5) .descriptionHeader.done{background: url("../images/icon/icon_success.png") no-repeat 32px center;}
.ystep-container .descriptionHeader.done{background: url("../images/icon/icon_success.png") no-repeat 108px center;}
.prevBtn[disabled="disabled"]{ display: none;}
.stepPage{ background:url("../images/bac/step_bac.png") no-repeat top center; height: 880px;height: 22rem; overflow: hidden;padding-top: 28px;padding-top: 0.7rem;}
/*{ background: #3399ff;}*/

.pageCont{ margin-top:10px;margin-top:0.25rem;}
.stepPageContent{ width:1526px;width:38.15rem; height: 830px; height: 20.75rem; margin:0 auto; background: #fff; border-radius: 20px;border-radius: 0.5rem; box-shadow:  0 10px 10px #ddd;box-shadow:  0 0.25rem 0.25rem #ddd; overflow: hidden; padding:64px 114px; padding:1.6rem 2.85rem;box-sizing: border-box; }


.pageCont .form-title{ font-size:28px;font-size:0.7rem; font-weight: 600;color: #333; line-height: 30px;line-height: 0.75rem; text-align: center}
.selectMovieWrap{ margin-top:20px;margin-top:0.5rem; overflow: hidden}


/*左侧模块选择菜单开始*/

.leftSelectMenu{ width:358px;width:8.95rem; height: 580px; height: 14.5rem; border:1px solid #33ccff; border-radius: 10px;border-radius: 0.25rem; background: #f5faff; overflow: hidden; float: left;margin-right: 8px;margin-right: 0.11rem;}
.leftSelectMenu .selectMenuBtn{ width:100%;}
.leftSelectMenu .selectMenuBtn ul{ display: block; overflow: hidden; width: 100%;}
.leftSelectMenu .selectMenuBtn ul li{float: left;border-bottom: 3px solid #ccc;height: 80px;height: 2rem;width: 50%;}
.leftSelectMenu .selectMenuBtn ul li.active{border-bottom: 3px solid #0099ff;}
.leftSelectMenu .selectMenuBtn ul li a{ height: 20px;height: 0.5rem; line-height: 20px; line-height: 0.5rem;text-align: center; display: block; color:#666;font-size: 24px;font-size: 0.6rem;margin:30px 0px;margin:0.75rem 0px;}
.leftSelectMenu .selectMenuBtn ul li:nth-child(1) a{border-right: 1px solid #ccc;}
.leftSelectMenu .selectMenuBtn ul li a.active{  color:#0099ff}

.leftSelectMenu .selectModeList{ overflow: hidden;padding: 11px;;padding: 0.275rem; margin-top: 10px; margin-top:0.25rem;}
.leftSelectMenu .selectModeList ul{ padding: 20px 0; padding:0.5rem 0; display: block;overflow: hidden;}
.leftSelectMenu .selectModeList ul li{ position: relative; width:160px;width:4rem; height: 90px; height: 2.25rem; float: left; margin:4px;margin:0.1rem;}

.leftSelectMenu .selectModeList ul li .movieModeInfo{ color:#fff; font-size:18px; font-size:0.45rem; line-height: 30px; line-height: 0.75rem; text-align: left; position: absolute;z-index: 1 ;left: 10px;left: 0.25rem;bottom: 4px;bottom: 0.1rem;}

.leftSelectMenu .teachMode{ display: none}

/*swiper*/
.leftSelectMenu .selectModeList .swiper-wrapper{ display: block;overflow: hidden;}
.leftSelectMenu .selectModeList .swiper-wrapper .swiper-slide{ position: relative; width:160px;  width:4rem; float: left; margin:0 6px;margin:0 0.15rem;font-size: 36px;}
.leftSelectMenu .movieModeInfo{ font-size:18px; font-size:0.45rem; color:#fff; position: absolute;left:4px;left:0.1rem; bottom:14px; bottom:0.35rem; width:100px; width:2.5rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display: block}
.leftSelectMenu .swiper-container {width: 100%;	height: 386px;height:9.65rem;}
.leftSelectMenu .swiper-slide {text-align: center;font-size: 18px;font-size: 0.45rem;background: #fff;}
.leftSelectMenu .mode-item{ box-sizing: border-box}
.leftSelectMenu .mode-item.active{ border:1px solid #ff3300;}


.leftSelectMenu .inner-border{ position: absolute; width: 142px; width: 3.55rem;height: 76px;height: 1.9rem;top: 4px;top: 0.1rem;left: 7px;left: 0.175rem;border:3px solid #00ffff;}
/*swiper*/
.leftSelectMenu .selectModeList .swiper-wrapper .swiper-slide a{ width:100%;height: 100%; display: block; overflow: hidden}

.leftSelectMenu .selectModeList .swiper-wrapper .swiper-slide a img { width:160px;width:4rem; height: 90px; height:2.25rem;}


/*左侧模块选择菜单结束*/

/*右侧主内容区开始*/
.rightMovieWrap{ width:928px;width:23rem; height: 580px;height:14.5rem; border:1px solid #33ccff; border-radius: 10px; border-radius: 0.25rem; background: #f5faff; overflow: hidden}
.rightMovieWrap .rightMovieTitle{ width:100%; height: 78px; height: 1.95rem; line-height: 78px; line-height: 1.95rem; text-align: center; font-size: 33px;font-size: 0.825rem; position: relative;}
.rightMovieTitle .active-status-wrap{ position: absolute;top:17px;top:0.425rem;right:19px;right:0.475rem;font-size: 18px;font-size: 0.45rem; border:1px solid #666666; width: 163px;width: 4.4rem; height: 38px; height: 0.95rem; line-height: 38px; line-height:0.95rem; border-radius: 5px;background:#ffffff}

.rightMovieTitle .active-status-wrap .active-status{ background:url(../images/icon/arrow-down-gray.png) no-repeat 140px center;background:url(../images/icon/arrow-down-gray.png) no-repeat 3.5rem center; background-size: 14px 13px; background-size:0.35rem  0.325rem;}
.rightMovieTitle .active-status-wrap .active-item-sub-menu{top: 39px;top:0.975rem;left: -1px;	width: 165px;width: 4.125rem;}

.step-button button.exitBtn{ border:1px solid #666666; background: #fff; color: #666;position: absolute;left: 50%;margin-left: 480px;margin-left: 12rem;}

.rightMovieContent{width:928px; width:23.2rem; height: 503px; height: 12.575rem;overflow: hidden}

.rightMovieContent img{width:928px; width:23.2rem;height:503px;height: 12.575rem;}

/*右侧主内容区结束*/

/*画面选择流程结束*/

/*播放页面-未开始开始*/
.unstart-video-page{ width:100%;height: 100%; background: #000;font-size:18px;font-size:0.45rem;}
.unstart-video-page .video-info-top{height: 80px;height: 2rem;overflow: hidden; background: rgba(35,39,43,0.8);line-height: 80px;line-height: 2rem; padding-left:22px;padding-left:0.55rem;position: fixed;width:100%;z-index: 1; box-sizing: border-box}
.unstart-video-page .video-info-top a img{width:26px;width:0.65rem; height: 26px;height: 0.65rem;}
.unstart-video-page .video-info-top a{ float: right; margin-top:7px;margin-top:0.175rem;margin-right:30px;margin-right:0.75rem;}
.unstart-video-page .video-info-top .video-info{font-size:32px;font-size:0.8rem;color:#fff;float: left;padding-left:26px;padding-left:0.65rem;padding-right: 52px;padding-right: 1.3rem; }
.unstart-video-page .video-info-top .video-id{float:left;color:#ffffff; font-size: 28px; font-size: 0.7rem;}


.unstart-video-page .video-main-wrap{ width:100%;display: table; height: 100%;}
.video-main-content{ width:auto;display: table-cell; vertical-align: middle;box-sizing: border-box;height: 100%;overflow: hidden }
.video-main-content .rest-time-icon{ margin:0 auto;width:66px;width:1.65rem; height: 66px;height:1.65rem;}
.video-main-content .rest-time{line-height: 30px;line-height: 0.75rem; text-align: center;color:#fff;font-size: 32px;font-size: 0.8rem;margin-top:40px;margin-top:1rem;}
.video-main-content .rest-time span{color:#3399ff}

.video-main-right-bar{ display: table-cell;vertical-align: middle; width: 46px; width: 1.15rem;}
.video-main-right-info{display: table-cell;background: #1c1f22;height: 100%;padding-top: 80px;padding-top: 2rem; padding-left: 30px; padding-left: 0.75rem; padding-right: 30px; padding-right: 0.75rem;width:25%;}
.video-main-right-title{ color:#fff; border-left:12px solid #3399ff;border-left:0.3rem solid #3399ff;padding-left:10px;padding-left:0.25rem;margin-bottom: 38px;margin-bottom: 0.95rem;}
.video-main-right-title h1{font-weight: 300;font-size: 40px;font-size: 1rem;line-height: 40px;line-height: 1rem;}
.video-main-right-title h4{font-weight: 300;font-size: 28px;font-size: 0.7rem;line-height: 40px;line-height: 1rem}
.video-main-right-sub-info{ color:#fff;font-size:24px;font-size:0.6rem;}
.video-main-right-intro{ color:#999;font-size:16px;margin-top:30px;margin-top:0.75rem;line-height: 24px;line-height: 0.6rem;margin-right:10px;margin-right:0.25rem;}

.view-num{ font-size:24px;font-size:0.6rem; color:#ccc;margin-top:30px;margin-top:0.75rem;font-size:20px;font-size:0.5rem; border-bottom: 1px solid #666;padding-bottom: 20px;padding-bottom: 0.5rem;margin-bottom: 20px;margin-bottom: 0.5rem;margin-right: 23px;margin-right: 0.575rem;}
.view-num img{ padding-right:5px; padding-right:0.125rem;}

.video-main-right-sildeback-bar{display: table-cell; display: none;vertical-align: middle; height: 100%;width:46px;width:1.15rem; }

.lesson-preview{position: relative;}
.lesson-preview-title{font-size:20px;font-size:0.5rem; color:#ccc;line-height: 40px;line-height: 1rem;}
.lesson-preview ul li{line-height: 36px;line-height: 0.8rem;font-size: 20px;font-size: 0.5rem;}
.living-lesson{color:#3399ff;}
.next-lesson{color: #999999;}
.lesson-preview ul li span{ display:inline-block; margin-right: 30px; margin-right: 0.75rem;}
.lesson-preview ul li .font18{ font-size: 18px;font-size: 0.45rem;}
.lesson-preview-content{}
.lesson-preview-content ul,.lesson-preview-content ul li{display: block;text-align: left;}
.next-lessone{color: #999;}
.lesson-preview-content .swiper-container{width:400px;height: 200px;text-align: left; position: absolute; z-index: 10;top:50px;}
.lesson-preview-content .swiper-free-mode > .swiper-wrapper{margin:0px;}
/*播放页面-未开始结束*/



/*播放页面-正在播放页开始*/
.start-video-page  .video-info-top{ box-sizing: border-box;padding-right:30px;;padding-right:0.75rem;top:0px;}
.start-video-page  .video-info-top .video-id{float: left}
.start-video-page .video-info-top a{ float: right; margin-top:7px;margin-top:0.175rem;margin-right:0px;}
.start-video-page .video-info-top .video-status img{ display: inline-block;margin-right:5px;margin-right:0.125rem;width:15px; height: 15px; width:0.375rem; height: 0.375rem}
.start-video-page .video-info-top .video-status{float: left; padding-left:32px;color:#fff;font-size: 14px;font-size: 0.35rem;}
.video-exit-btn{float: right}
.start-video-page .video-main-wrap{ display: block;}
.start-video-page .video-main-content{ display: block}
.start-video-page .on-off{padding-top:25px;padding-top:0.625rem;}
.start-video-page .on-off img{width:18px;width:0.45rem; height: 16px;height: 0.4rem;}
.start-video-page .voice-controll {	width: 80%;	float: right;	position: relative;top: 7px;top:0.175rem;left: -9px;left: 0.225rem;}
.start-video-page .rangeslider, .start-video-page .rangeslider__fill{ height: 5px; height: 0.125rem;}
.start-video-page .rangeslider__fill{    background: #5cadff;}
.start-video-page .rangeslider__handle{width:10px;height: 10px;width:0.25rem;height: 0.25rem;}
.start-video-page .pause-icon{position: absolute;width:100px; width:2.5rem; height:100px;height:2.5rem;top:0px; left: 0px;left:50%;margin-left:-50px;margin-left:-1.25rem;top:50%; margin-top:-50px; margin-top:-1.25rem;display: none}
.start-video-page .pause-icon img{width:2.5rem; height:2.5rem;}

.video-bottom-control{ background: rgba(35,39,43,0.8);height: 73px; height:1.825rem; line-height: 73px; line-height:1.825rem;overflow: hidden;padding:0px  22px; padding:0px  0.55rem; position: fixed;bottom: 0px;width:100%;box-sizing: border-box}
.video-bottom-control .start-video-btn{float: left;margin-top:4px;margin-top:0.1rem;padding-left:32px;padding-left:0.8rem;width:30px;width:0.75rem;}
.video-bottom-control .start-video-btn img{ width:14px; width:0.35rem;height: auto; }

.video-bottom-control .refresh-btn{float: left;margin-top:4px;margin-top:0.1rem;padding-left:32px;padding-left:0.8rem;}
.video-bottom-control .refresh-btn img{ width:24px;width:0.6rem; height: auto;}
.start-video-btn a,.refresh-btn a{ display: block;}
.video-bottom-control div.volumn-control-btn{width:200px;width:5rem;float: right}
.video-bottom-control div.volumn-control-btn img{display: inline-block; float: left}



.video-info-wrap{ position: absolute; width:30%; right:0px; display: block; height: 100%; overflow: hidden;top:0px;}
.start-video-page .video-info-wrap .video-main-right-bar{ display: block; height: 100%; float: left; position: absolute;top:50%; margin-top:-100px;}
.start-video-page .video-info-wrap .video-main-right-info{margin-left:40px;width:87%;display: block; height: 100%;}
.start-video-page .video-main-right-sildeback-bar{ position: absolute;right: 0px;top: 50%;margin-top: -100px;margin-top: -2.5rem;}
.start-video-page  .video-main-wrap{ position: relative;}
.start-video-page{overflow: hidden}


.video-content{   /*高度自适应*/
	height: 100%;
	position:relative;
	/*padding-right:;    !*需要用padding来维持16:9比例,也就是9除以16*!*/
	/*width:56.25%;*/
	/*height: 0px;*/
	z-index: 0
}
.video-content img{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%
}
.video-content video{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%
}

/*播放页面-正在播放页结束*/


/*录播流程*/


.record-step-page #page1 .leftClassForm {

	float:none;

	border-right: none;

	margin: 0 auto;
	margin-top:10px;
}

.record-step-page .stepPageContent{ width:1535px;width:38.375rem; height: 830px; height: 20.75rem; margin:0 auto; background: #fff; border-radius: 20px;border-radius: 0.5rem; box-shadow:  0 10px 10px #ddd;box-shadow:  0 0.25rem 0.25rem #ddd; overflow: hidden; padding:64px 114px; padding:1.6rem 2.85rem;box-sizing: border-box;position: relative }

.record-step-page .selectLive{  position: absolute;bottom: 44px;bottom:1.1rem;right:330px;right:8.25rem; width:200px; width:5rem;z-index: 1000; font-size: 20px; font-size: 0.5rem;}
.record-step-page .selectLive input[type="checkbox"]{display: inline-block; width:20px;width: 0.5rem; height: 20px; height: 0.5rem; border:1px solid #41a0ff; background: #fff; position: relative;top:3px;top:0.075rem;}
.record-step-page .isRefreash{display: inline-block; line-height: 30px;line-height:0.75rem;}

.record-step-page  #page1 .selectMovieWrap .row span textarea {
	height: 5.55rem;
}
.record-step-page  #page1 .selectMovieWrap .row{ padding-bottom: 0.5rem}
/*.record-step-page  #page1 .selectMovieWrap .row span input.rowInput{ height: 45px;height:1.125rem; }*/
.record-step-page  #page1 .selectMovieWrap .row .t_h{ bottom: 29px;bottom: 0.725rem}
.record-step-page  .choose-date{top:5px;}
/*录播流程结束*/

/*开始上课页*/
.begin-class-page{ background: #fff url("../images/bac/beginClassTopBac.png") no-repeat top center; background-size: 1544px 308px;background-size: 38.6rem 7.7rem; width:1543px; width:38.575rem;margin:0 auto; height: 854px;height: 21.35rem; overflow: hidden; z-index: 3; position: absolute; top:50%; margin-top:-427px;margin-top:-10.675rem; left:50%; margin-left:-771.5px;margin-left:-19.288rem;}
.begin-class-top{ height: 310px;height: 7.75rem;overflow: hidden;  position: relative}
.begin-class-top .exit-btn{ position: absolute; right:20px;right:0.5rem; top:15px;top:0.375rem;}
.begin-class-top .begin-class-top-info{padding-left: 100px; padding-left:2.5rem; padding-top: 117px; padding-top:2.925rem; overflow: hidden}
.begin-class-top .begin-class-top-info img{width:192px;width:4.8rem; height: 108px; height:2.7rem;display: inline-block;float: left}
.begin-class-top .begin-class-top-info .begin-top-info-content{color:#fff;padding-left: 40px;padding-left: 1rem;display: inline-block;}
.begin-class-top .begin-class-top-info .begin-top-info-content h1,.begin-class-top .begin-class-top-info .begin-top-info-content h4{ font-weight: 300!important;}
.begin-class-top .begin-class-top-info .begin-top-info-content h1{ font-size:40px;font-size:1rem;padding-bottom: 20px; padding-bottom: 0.5rem; }
.begin-class-top .begin-class-top-info .begin-top-info-content h4{ font-size:28px; font-size:0.7rem; }


.begin-class-main{ padding: 0px 100px;padding: 0rem 2.5rem;font-size: 18px;font-size: 0.45rem;}
.begin-class-main .class-intru{ padding-top:46px; padding-top:1.15rem;width:650px;width:16.25rem;height: 160px;height: 4rem; border-bottom: 1px dashed #f2f2f2;overflow: hidden}
.begin-class-main .class-intru .class-intru-title{ padding-left:8px; padding-left:0.2rem;border-left: 4px solid #0099ff;border-left: 0.1rem solid #0099ff;margin-bottom: 10px;color:#333333;margin-bottom: 0.25rem;color:#333333;}
.begin-class-main .class-intru .class-intru-content{line-height: 28px;line-height: 0.7rem;color:#999; display: -webkit-box;-webkit-box-orient: vertical;	-webkit-line-clamp: 4;	overflow: hidden;}
.begin-class-main .class-invite{ padding-top:46px;padding-top:1.15rem;width:100%;}
.begin-class-main .class-invite .class-intru-title{padding-left:8px;padding-left:0.2rem;border-left: 4px solid #0099ff;border-left: 0.1rem solid #0099ff;margin-bottom: 10px;margin-bottom: 0.25rem;color:#333333;}
.begin-class-main .class-invite .class-intru-title .class-invite-title-content{ float: left;}
.begin-class-page .class-intru-title ul{ display: block;}
.begin-class-page .class-intru-title ul li{display: inline-block; padding-left:20px; padding-left:0.5rem;}
.begin-class-page .class-intru-title ul li a{  color:#666;}
.begin-class-page .class-intru-title ul li.active a{color:#323232;}
.begin-class-page .begin-class-main .class-invite .invited-content{line-height: 28px;line-height: 0.7rem;color:#999;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;

}



.begin-class-page .begin-class-main .class-invite .invited-content:nth-child(3){display: none}
.begin-class-page .begin-class-btn-group{ position: absolute; bottom: 100px; bottom: 2.5rem;left: 50%;	margin-left: -175px;	margin-left: -4.375rem;}
.begin-class-page .begin-class-btn-group a{display: inline-block; width:145px; width:3.625rem; height: 50px; height: 1.25rem;height: 50px; height: 1.25rem; font-size: 20px;font-size: 0.5rem;color:#fff; background: #33ccff; line-height: 50px; line-height: 1.25rem; text-align: center; border-radius: 50px; border-radius: 1.25rem;margin-left:20px;margin-left:0.5rem;}
.begin-class-page .begin-class-btn-group a:nth-child(2){ background: #0099ff;}
.begin-class-page .class-pre-view{ width:645px;width:16.125rem; height: 425px;height:10.625rem; border-radius: 25px;border-radius: 0.625rem; background: #fff;position: absolute;z-index: 2;font-size: 18px;font-size:0.45rem; box-shadow: 0px 5px 10px #ccc; box-shadow: 0rem 0.125rem 0.25rem #ccc;right:107px;right:2.625rem; top:120px; top:3rem; padding: 30px;padding: 0.75rem;box-sizing: border-box;}
.begin-class-page .class-pre-view-title-text{padding-left:8px;padding-left:0.2rem;border-left: 4px solid #0099ff;border-left: 0.1rem solid #0099ff;margin-bottom: 10px;color:#333333;margin-bottom:0.25rem;color:#333333;}
.begin-class-page .class-pre-view-title{ margin-bottom: 20px; margin-bottom: 0.5rem;}
.begin-class-page .pre-view-content img{width:580px;width:14.5rem;height: 322px;height: 8.05rem;}
/*开始上课页结束*/



/*messageList页面*/
.message-page .message-page-content{ width:1245px;width:31.125rem; margin:0 auto}
.message-page .message-page-content .date-time-wrap1,.message-page .message-page-content .date-time-wrap2{border-bottom:1px solid #ccc;height: 80px;height: 2rem; line-height: 80px;line-height: 2rem;display: inline-block; width:100%; position: relative}
.message-page .message-page-content .date-time-wrap2{ display: none;}
.now-date{float: left}
.choose-date{ float:left;padding-top:10px;padding-top:0.25rem;padding-left: 27px; padding-left:0.675rem; cursor: pointer;position: absolute;z-index: -1;left: 260px;left: 6.5rem;top: 6px;}
.choose-date img{ height: 32px; width: 32px; width:0.8rem; height: 0.8rem;}
.info-edit-date{ float: left}
.c-datepicker-date-editor{ height: 70px; height:1.75rem; line-height: 70px; line-height:1.75rem; border:none; padding: 0px;background: rgba(255,255,255,0);}

.c-datepicker-data-input.only-date{width:360px;width:8rem;font-size:32px; font-size:0.8rem;background: rgba(255,255,255,0); cursor: pointer; border:none;position: relative;top:6px;}
.message-list-wrap ul li{height: 65px;height:1.625rem; line-height: 65px; line-height:1.625rem;border-bottom: 1px dashed #ccc; overflow: hidden}
.publish-date{ float: left;padding-right:30px;padding-right:0.75rem; color: #333;}
.writer{ float: left;padding-right: 30px;padding-right:0.75rem;color:#333; width: 100px; width: 2.5rem;}
.text-title{float: left; width:890px; width:22.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message-list-wrap ul li a{ color:#666;}
.message-page-content button.exitBtn {border: 1px solid #666666;background: #fff;color: #666;width: 146px;width: 3.65rem;height: 48px;height: 1.2rem;border-radius: 50px;cursor: pointer;font-size: 20px;font-size: 0.5rem;z-index: 1; position: relative}
.message-operation-wrap{position: absolute;	bottom: 68px;bottom: 1.7rem;width: 31.125rem;	text-align: center;left: 50%;	margin-left: -15.7rem;}
.message-operation-wrap .exitBtn{ float: right; margin-top:40px; margin-top:1rem; }

.message-operation-wrap .pagination{ line-height: 30px; line-height: 0.75rem; text-align: center;width:100%;margin-right:0px;top:48px;top:1.2rem;}
.note-mode-pannel{ display: none}


.note-mode-pannel .pagination{ text-align: center;width: 100%;margin-top:0.5rem}
/*messageList页面结束*/


/*登录及解锁板块*/
.indexlogin {width: 19.4rem;height: 9.45rem;background: #fff;z-index: 20;position: absolute;left: 30%;top: 27%;border-radius: 10px;}
.indexloginc {width: 15.9rem;height: 100%;margin: 0 auto;}
.indexloginct {width: 100%;height: 3.1rem;line-height: 3.5rem;font-size: 0.55rem;text-align: center;}
.indexlogincc {width: 100%;height: 6.35rem;position: relative;}
.indexloginccleft {width: 48%;float: left;}
.indexloginccm {width: 1px;background: #e0e0e0;height: 4.85rem;float: left;margin-left: 10%;}
.indexloginccrgt {width: 4.85rem;height: 4.85rem;float: right;}
.indexloginccrgt img {width: 100%;}
.indexlogincclefta {width: 7.5rem;height: 1.2rem;border: 1px solid #e0e0e0;border-radius: 5px;position: relative;}
.indexloginccleftaimg {width: 0.4rem;height: 0.5rem;margin: 0.35rem;float: left;}
.indexloginccleftaimg img {width: 100%;display: inherit;}
.indexloginccleftal {width: 1px;height: 0.5rem;background: #3399ff;float: left;margin-top: 0.35rem;}
.indexloginccleftaipt {width: 5rem;height: 1.2rem;line-height: 0.9rem;float: left;margin-left: 0.4rem;}
.indexloginccleftaipt input {width: 100%;height: 0.9rem;font-size: 0.5rem;border: none;outline: none;}
.indexloginccleftadel {width: 0.5rem;height: 0.5rem;position: absolute;right: 0;padding: 0.35rem 0.5rem;cursor: pointer;display: none;}
.indexloginccleftadel img {width: 100%;display: inherit;}
#indexloginbtn {width: 3.63rem;height: 1.2rem;background: #3399ff;font-size: 0.55rem;color: #fff;border-radius: 1rem;cursor: pointer;margin: 0.75rem 0 0 2rem; border:1px solid #3399ff}
.indexlogincclefta:nth-child(2){margin-top: 0.55rem;}
.indexloginccleftatips{position: absolute;bottom: -0.5rem;color: red;font-size:0.35rem;}
/*登录及解锁板块*/

/*版本控制页*/
.version-controll-page{font-size:20px;line-height: 50px;}
.version-controll-title{ float: left; width:130px; text-align: right}
.update-content{ float: left; display: block;}
.version-controll-page dl{ display: block;overflow: hidden; height: 720px;  height: 18rem; overflow: auto;}
.version-controll-page dl dd{ display: block;overflow: hidden;border-top: 1px solid #ccc;clear: both;}
/*版本控制页*/

/*场景设置页*/
.system-config-page .stepPageContent{width: 1580px;width: 39.5rem; position: relative}
.system-config-page .stepPage{ display: block;font-size: 18px;font-size: 0.45rem;}
.system-config-page .stepPageContent{padding: 30px;padding: 0.75rem;}
.system-config-page .menu{border-bottom: none;}
.top-setting {overflow: hidden;padding-bottom: 45px;padding-bottom: 1.125rem;padding-top: 10px;padding-top:0.25rem;padding-left: 12px;padding-left: 0.3rem;}
.setting-right{ position: relative;}
.active-status-selected li {font-size: 16px;font-size: 0.4rem;line-height: 24px;line-height: 0.6rem;float: left;text-align: center;margin-right: 10px;margin-right: 0.25rem;}
.line-off:before {	content: "";	width: 50px;	width:1.25rem;	height: 14px;	height: 0.35rem;	background: #5cadff;	display: inline-block;	margin-right: 10px;	margin-right:0.25rem;vertical-align: middle;}
.waiting:before {	content: "";	width: 50px;width:1.25rem;	height: 14px;	height: 0.35rem;background: #999999;	display: inline-block;	margin-right: 10px;	margin-right:0.25rem;	vertical-align: middle;}
.status-error:before {	content: "";	width: 50px;width:1.25rem;	height: 14px;	height: 0.35rem;	background: #ff3333;	display: inline-block;	margin-right: 10px;	margin-right:0.25rem;vertical-align: middle;}
.mode-item{position: relative;width: 360px;width: 9rem; overflow: hidden; float: left; margin:10px;margin:0.25rem;}
.mode-img{width: 360px;width: 9rem;height: 204px;height:5.1rem;border:1px solid rgba(51,153,255,1);box-sizing: border-box}
.mode-img img{width: 100%; height:100%}
.mode-title{position: absolute;top: 153px;top: 3.825rem;color: #ffffff;line-height: 50px;line-height: 1.25rem;	text-align: center;font-size: 20px;font-size: 0.5rem;width: 360px;width: 9rem;	font-weight: 600;background: rgba(0,0,0,0.4);background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%); /*FireFox*/background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);  /* Opear */background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7)); /*IE10及IE10+*/}
.mode-change-btn{ width: 360px;width: 9rem; overflow: hidden;}
/*已上传按钮样式*/
.uploaded-status .mode-change-btn a{ width: 180px; width: 4.5rem;height: 58px;height: 1.45rem;display:block;float:left;background:url("../images/icon/btn_Not selected.png") no-repeat rgba(92,173,255,0.5) 20px 20px;background:url("../images/icon/btn_Not selected.png") no-repeat rgba(92,173,255,0.5) 0.5rem 0.5rem;background-size:18px 18px;background-size:0.45rem 0.45rem;margin: 0px;padding: 0px; line-height: 58px; line-height: 1.45rem; text-align: center; color: #fff;}
.uploaded-status .mode-change-btn a.active,.uploaded-status .mode-change-btn a.active:hover{background:url("../images/icon/btn_selected.png") no-repeat rgba(92,173,255,1) 20px 20px;background:url("../images/icon/btn_selected.png") no-repeat rgba(92,173,255,1) 0.5rem 0.5rem;background-size:18px 18px;background-size:0.45rem 0.45rem;font-weight: 600}
.uploaded-status .mode-change-btn a:hover{background:url("../images/icon/btn_Not selected.png") no-repeat rgba(92,173,255,1) 20px 20px;background:url("../images/icon/btn_Not selected.png") no-repeat rgba(92,173,255,1) 0.5rem 0.5rem;background-size:18px 18px;background-size:0.45rem 0.45rem;font-weight: 600}
/*未上传按钮样式*/
.unuploaded-status .mode-change-btn a{ width: 180px; width:4.5rem;height: 58px;height: 1.45rem;display:block;float:left;background:url("../images/icon/btn_Not selected.png") no-repeat rgba(153,153,153,0.5) 20px 20px;background:url("../images/icon/btn_Not selected.png") no-repeat rgba(153,153,153,0.5) 0.5rem 0.5rem;background-size:18px 18px;background-size:0.45rem 0.45rem;margin: 0px;padding: 0px; line-height: 58px; line-height: 1.45rem; text-align: center; color: #fff;}
.unuploaded-status .mode-change-btn a.active,.unuploaded-status .mode-change-btn a.active:hover{background:url("../images/icon/btn_selected.png") no-repeat rgba(153,153,153,1) 20px 20px;background:url("../images/icon/btn_selected.png") no-repeat rgba(153,153,153,1) 0.5rem 0.5rem;background-size:18px 18px;background-size:0.45rem 0.45rem;font-weight: 600}
.unuploaded-status .mode-change-btn a:hover{background:url("../images/icon/btn_Not selected.png") no-repeat rgba(153,153,153,1) 20px 20px;background:url("../images/icon/btn_Not selected.png") no-repeat rgba(153,153,153,1)  0.5rem 0.5rem;background-size:18px 18px;background-size:0.45rem 0.45rem;font-weight: 600}
/*异常按钮样式*/
.error-status .mode-change-btn a{ width: 180px; width: 4.5rem;height: 58px;height: 1.45rem;display:block;float:left;background:url("../images/icon/btn_Not selected.png") no-repeat rgba(255,51,51,0.5) 20px 20px;background:url("../images/icon/btn_Not selected.png") no-repeat rgba(255,51,51,0.5) 0.5rem 0.5rem;background-size:18px 18px;background-size:0.45rem 0.45rem;margin: 0px;padding: 0px; line-height: 58px; line-height: 1.45rem; text-align: center; color: #fff;}
.error-status .mode-change-btn a.active,.error-status .mode-change-btn a.active:hover{background:url("../images/icon/btn_selected.png") no-repeat rgba(255,51,51,1) 20px 20px;background:url("../images/icon/btn_selected.png") no-repeat rgba(255,51,51,1) 0.5rem 0.5rem;background-size:18px 18px;background-size:0.45rem 0.45rem;font-weight: 600}
.error-status .mode-change-btn a:hover{background:url("../images/icon/btn_Not selected.png") no-repeat rgba(255,51,51,1) 20px 20px;background:url("../images/icon/btn_Not selected.png") no-repeat rgba(255,51,51,1) 0.5rem 0.5rem;background-size:18px 18px;background-size:0.45rem 0.45rem;font-weight: 600}
.system-config-page .step-button{top:18.5rem}
/*场景设置页结束*/

/*报错页面*/
.page404{
	width: 100%;
	margin-top:140px;
	margin-top:3.5rem;
}
.page404 img{ width:540px; width:13.5rem; height: 568px; height: 14.2rem; display: block; margin: 0 auto;}
.error-title{height: 52px;	height: 1.3rem;font-size: 40px;font-size: 1rem;line-height: 24px;line-height: 0.6rem;color: #666666; text-align: center}
.error-content{width: 468px;width: 11.7rem;height: 83px;height: 2.075rem;font-family: Microsoft YaHei;font-size: 26px;font-size: 0.65rem;line-height: 48px;line-height:1.2rem;color: #999999;margin:0 auto; text-align: center}
/*报错页面结束*/

.errortip{font-size: 32px;	font-size: 0.8rem;	width: 300px;width: 7.5rem;height: 80px;height: 2rem;	background: rgba(0,0,0,0.4);border-radius: 20px;line-height: 80px;line-height: 2rem;text-align: center;color: #ccc; position: absolute;z-index: 11;top:50%; margin-top:-1rem;left:50%;margin-left:-150px;margin-left: -3.75rem;}
.searchOption{ border: 1px solid #00ccff; text-align: center;line-height: 20px;}
.searchOption .del-class {	width: 12px;	width: 0.3rem;	height: 12px;	height: 0.3rem;	background: url(../images/icon/exit-icon-nohover.png) no-repeat center center;	display: inline-block;	padding-left: 10px;	padding-left: 0.25rem;}

/*媒体查询，必须放置最后*/
@media screen and (min-width: 1024px) { /*当屏幕尺寸小于1024px时，应用下面的CSS样式*/

	.new-wind .bottom-content .bottom-left-content p{ border-bottom: none;}
	.new-wind .bottom-content .bottom-left-content{ width:190px;}
	/*.new-wind .bottom-content .bottom-left-content p span{ border-bottom: 1px solid #fff;}*/
	.new-wind .bottom-content .bottom-left-content p span:nth-child(1){ text-align: left}
	.controll-mode .on-off a{ width:29px; height: 29px;}

}
@media (min-width: 1280px) {

	.new-wind .bottom-content .bottom-left-content p{ border-bottom: 1px solid rgba(255,255,255,0.6); }
	.new-wind .bottom-content .bottom-left-content p span{ border-bottom:none;}
	.new-wind .bottom-content .bottom-left-content{width:190px; width:4.8rem;}
	.controll-mode .on-off a{ width:48px; height: 48px;width:1.2rem; height:1.2rem;}
}
@media screen and (min-width: 1440px) { /*当屏幕尺寸小于1440px时，应用下面的CSS样式*/

	.new-wind .bottom-content .bottom-left-content p{ border-bottom: 1px solid rgba(255,255,255,0.6); }
	.new-wind .bottom-content .bottom-left-content p span{ border-bottom:none;}
	.new-wind .bottom-content .bottom-left-content{width:190px; width:4.8rem;}
	.controll-mode .on-off a{ width:48px; height: 48px;width:1.2rem; height:1.2rem;}

}
@media screen and (min-width: 1680px) { /*当屏幕尺寸小于1680px时，应用下面的CSS样式*/

	.new-wind .bottom-content .bottom-left-content p{ border-bottom: 1px solid rgba(255,255,255,0.6); }
	.new-wind .bottom-content .bottom-left-content p span{ border-bottom:none;}
	.new-wind .bottom-content .bottom-left-content{width:190px; width:4.8rem;}
	.controll-mode .on-off a{ width:48px; height: 48px;width:1.2rem; height:1.2rem;}
}
@media screen and (min-width: 1920px) { /*当屏幕尺寸小于1920px时，应用下面的CSS样式*/
	.new-wind .bottom-content .bottom-left-content p{ border-bottom: 1px solid rgba(255,255,255,0.6); }
	.new-wind .bottom-content .bottom-left-content p span{ border-bottom:none;}
	.new-wind .bottom-content .bottom-left-content{width:190px; width:4.8rem;}
	.controll-mode .on-off a{ width:48px; height: 48px;width:1.2rem; height:1.2rem;}
}


/* 设置页面内容在以下分辨率中居中 */

/*分辨率为2560*1600时*/

@media only screen and (device-height:1600px) and (device-width:2560px){

	/* 加上头部间距 */
	main{margin-top: 300px;}
	main.my-live-page{margin-top:140px;}
	main.online-class-page{margin-top:140px;}
	main.my-record-page{margin-top:140px;}
	main.step-page{margin-top:180px;}
	/*.select-list{padding-top: 120px; margin-bottom: 35px;}*/
	.my-record-page .select-list{padding-top: 120px;padding-bottom: 15px;}
	/* .my-live-page .select-list{padding-top: 180px;padding-bottom: 35px;} */
	footer{bottom:15px;}
	.pagination a, .pagination span{font-size: 18px;}
	/*2560*1600时*/
	.message-operation-wrap{bottom:150px;}
	.message-page .message-page-content .date-time-wrap1, .message-page .message-page-content .date-time-wrap2{height: 150px; line-height: 150px;}
	.c-datepicker-date-editor{ line-height: 130px;height: 130px;}
	.message-list-wrap ul li{height:90px; line-height:90px;}

	/*创建流程页*/
	.pageCont{margin-top:1rem}
	.stepPage{ background-size: 100% auto;}
	.step-button{top: 25rem;}
	.modeWindow{ top:6rem}
	/*创建流程页*/

	.ystep-container .descriptionHeader{font-size:24px;}
	.ystep-container-steps li.ystep-step-done .descriptionHeader {background: url(../images/icon/icon_success.png) no-repeat 129px center;}
	.ystep-container-steps li.ystep-step-done:nth-child(3) .descriptionHeader {background: url(../images/icon/icon_success.png) no-repeat 154px center;padding-right: 20px;	}
	.c-datepicker-date-table{font-size: 23px;}
	.startTimeWrap .choose-date img{width:0.4rem; height: 0.4rem}
	.Hunter-time-picker .Hunter-clean-btn{ height: 44px;}
	.classSelectContent ul li{ font-size: 0.5rem;}
	.modeWindow .modeWindowTitle{ height: 142px;}
	.in-grade,.in-addtress{line-height: 76px;}
	.stepPage{font-size: 24px;}
	option{font-size: 15px;}
	#page1 .selectMovieWrap .leftClassFormTitle{font-size:24px;}
	.class-operate-btn ul li{width:245px;}
	.class-operate-btn ul li:nth-last-child(1){    background-size: 100% auto}

	main .bottom-bar{margin-left: 20px;}
	.voice .voice-icon{ position: relative; top:-5px;}
	.btn-group a{font-size: 27px;}
	.version {	line-height: 15px;	line-height: 0.375rem;	font-size: 37px;padding-top: 20px;padding-top: 0.5rem;position: absolute;bottom: 20px;right: 20px;	}
	.version-controll-page{font-size: 26px;}
	.version-controll-page dl dd {padding: 20px 0px;}
	.rangeslider__handle{top: -7px;}
	.datepicker td{font-size:22px;}
	.datepicker th{font-size:20px;}
	.datepicker{padding: 10px;}
	.datepicker.dropdown-menu th {padding: 4px 9px;}
}

/*分辨率为2560*1600时*/


/* 分辨率为2048*1536时 */
@media only screen and (device-height:1536px) and (device-width:2048px){ /*4:3*/
	/* 不头部 */
	/*main{margin-top: 98.5px;} */

	/* 加上头部间距 */
	main{margin-top: 370px;}
	main.my-live-page{margin-top:140px;}
	main.online-class-page{margin-top:140px;}
	main.my-record-page{margin-top:140px;}
	main.step-page{margin-top:200px;}
	.select-list{padding-top: 120px; margin-bottom: 35px;}
	.my-record-page .select-list{padding-top: 120px;padding-bottom: 15px;}
	/* .my-live-page .select-list{padding-top: 180px;padding-bottom: 35px;} */
	footer{bottom:150px;}

	/*2048*1536时*/
	.message-operation-wrap{bottom:150px;}
	.message-page .message-page-content .date-time-wrap1, .message-page .message-page-content .date-time-wrap2{height: 150px; line-height: 150px;}
	.c-datepicker-date-editor{ line-height: 130px;height: 130px;}
	.message-list-wrap ul li{height:90px; line-height:90px;}

	/*创建流程页*/
	.pageCont{margin-top:1rem}
	.stepPage{ padding-top:1.7rem}
	.step-button{top: 28.5rem;}
	.modeWindow{ top:10rem}
	/*创建流程页*/
}

/* 分辨率为2048*1152时 */
@media only screen and (device-height:1152px) and (device-width:2048px){
	/* 不头部 */
	/*main{margin-top: 98.5px;} */

	/* 加上头部间距 */
	main{margin-top: 230px;}
	main.my-live-page{margin-top:110px;}
	main.online-class-page{margin-top:110px;}
	main.my-record-page{margin-top:110px;}
	.select-list{padding-top: 30px; margin-bottom: 35px;}
	.my-record-page .select-list{padding-top: 30px;padding-bottom: 10px;}
	/* .my-live-page .select-list{padding-top: 100px;padding-bottom: 35px;} */
	footer{bottom:60px;}

	/*2048*1536时*/
	.message-operation-wrap{bottom:80px;}
	.message-page .message-page-content .date-time-wrap1, .message-page .message-page-content .date-time-wrap2{height: 100px; line-height: 100px;}
	.c-datepicker-date-editor{ line-height: 90px;height: 90px;}
	.message-list-wrap ul li{height:65px; line-height:65px;}
	.step-button{top: 24.3rem;}
}

/* 分辨率为1920*1440时 */
@media only screen and (device-height:1440px) and (device-width:1920px){
	/* 不头部 */
	/*main{margin-top: 98.5px;} */

	/* 加上头部间距 */
	main{margin-top:350px;}
	main.my-live-page{margin-top:170px;}
	main.online-class-page{margin-top:170px;}
	main.my-record-page{margin-top:170px;}
	.select-list{padding-top: 80px; margin-bottom: 35px;}
	.my-record-page .select-list{padding-top: 80px;padding-bottom: 10px;}
	/* .my-live-page .select-list{padding-top: 150px;padding-bottom: 35px;} */
	footer{bottom:100px;}

	/*1920*1440时*/
	.message-operation-wrap{bottom:100px;}
	.message-page .message-page-content .date-time-wrap1, .message-page .message-page-content .date-time-wrap2{height: 130px; line-height: 130px;}
	.c-datepicker-date-editor{ line-height: 120px;height: 120px;}
	.message-list-wrap ul li{height:80px; line-height:80px;}
	/*创建流程页*/
	.pageCont{margin-top:1rem}
	.stepPage{ padding-top:1.7rem}
	.step-button{top: 27.5rem;}
	.modeWindow{ top:10rem}
	/*创建流程页*/
}


/* 分辨率为1920*1200时 */
@media only screen and (device-height:1200px) and (device-width:1920px){
	/* 不头部 */
	/*main{margin-top: 98.5px;} */

	/* 加上头部间距 */
	main{margin-top:250px;}
	main.my-live-page{margin-top:130px;}
	main.online-class-page{margin-top:130px;}
	main.my-record-page{margin-top:130px;}
	.select-list{padding-top: 35px; margin-bottom: 35px;}
	.my-record-page .select-list{padding-top: 35px;padding-bottom: 10px;}
	/* .my-live-page .select-list{padding-top: 100px;padding-bottom: 35px;} */
	footer{bottom:65px;}

	/*1920*1200时*/
	/*.message-operation-wrap{bottom:100px;}*/
	.message-page .message-page-content .date-time-wrap1, .message-page .message-page-content .date-time-wrap2{height: 110px; line-height: 110px;}
	.c-datepicker-date-editor{ line-height: 105px;height: 105px;}
	.message-list-wrap ul li{height:70px; line-height:70px;}

}



/* 分辨率为1920*1080时 */
@media only screen and (device-height:1080px) and (device-width:1920px){
	/* 不头部 */
	/*main{margin-top: 98.5px;} */

	/* 加上头部间距 */
	main{margin-top: 210px;}
	main.my-live-page{margin-top:110px;}
	main.online-class-page{margin-top:110px;}
	main.step-page{margin-top:100px;position: relative;}
	main.my-record-page{margin-top:110px;}
	.select-list{padding-top: 20px; margin-bottom: 24px;}
	.my-record-page .select-list{padding-top: 22px;padding-bottom: 17px;}
	/*.my-live-page .select-list{padding-top: 62px;padding-bottom: 55px;}*/
	.voice-controll{width:80%; float: right;position: relative; top:-20px}
	.btn-group a{ font-size:14px;}
	/*创建流程页*/
	.step-button{}
	/*创建流程页*/
}


/* 分辨率为1856*1392时 */
@media only screen and (device-height:1392px) and (device-width:1856px){
	/* 不头部 */
	/*main{margin-top: 98.5px;} */

	/* 加上头部间距 */
	main{margin-top:250px;}
	main.my-live-page{margin-top:130px;}
	main.online-class-page{margin-top:130px;}
	main.step-page{margin-top:160px;}
	main.my-record-page{margin-top:130px;}
	.select-list{padding-top: 35px; margin-bottom: 35px;}
	.my-record-page .select-list{padding-top: 35px;padding-bottom: 10px;}
	/* .my-live-page .select-list{padding-top: 100px;padding-bottom: 35px;} */
	footer{bottom:65px;}

	/*1856*1392时*/
	/*.message-operation-wrap{bottom:100px;}*/
	.message-page .message-page-content .date-time-wrap1, .message-page .message-page-content .date-time-wrap2{height: 110px; line-height: 110px;}
	.c-datepicker-date-editor{ line-height: 105px;height: 105px;}
	.message-list-wrap ul li{height:70px; line-height:70px;}

	.voice .voice-icon{ position: relative; top:-1px;}
	.btn-group a{ font-size:16px;}
	main .bottom-bar{margin-left: 9px;}
	/*创建流程页*/
	.pageCont{margin-top:1rem}
	.stepPage{ padding-top:1.7rem}
	.step-button{top: 27.5rem;}
	.modeWindow{ top:10rem}
	/*创建流程页*/
}


/* 分辨率为1792*1344时 */
@media only screen and (device-height:1344px) and (device-width:1792px){
	/* 不头部 */
	/*main{margin-top: 98.5px;} */

	/* 加上头部间距 */
	main{margin-top:350px;}
	main.my-live-page{margin-top:200px;}
	main.online-class-page{margin-top:200px;}
	main.my-record-page{margin-top:200px;}
	main.step-page{margin-top:160px;}
	.select-list{padding-top: 35px; margin-bottom: 35px;}
	.my-record-page .select-list{padding-top: 35px;padding-bottom: 10px;}
	/* .my-live-page .select-list{padding-top: 100px;padding-bottom: 35px;} */
	footer{bottom:65px;}

	/*1792*1344时*/
	/*.message-operation-wrap{bottom:100px;}*/
	.message-page .message-page-content .date-time-wrap1, .message-page .message-page-content .date-time-wrap2{height: 110px; line-height: 110px;}
	.c-datepicker-date-editor{ line-height: 105px;height: 105px;}
	.message-list-wrap ul li{height:70px; line-height:70px;}

	.voice .voice-icon{ position: relative; top:-2px;}
	.btn-group a{ font-size:15px;}
	main .bottom-bar{margin-left: 9px;}
	/*创建流程页*/
	.pageCont{margin-top:1rem}
	.stepPage{ padding-top:1.7rem}
	.step-button{top: 27.5rem;}
	.modeWindow{ top:10rem}
	/*创建流程页*/
}


/* 分辨率为1680*1050时*/
@media screen and (device-height:1050px) and (device-width:1680px){
	/* 不加头部 */
	/* main{ margin-top:129px;} */

	/* 加上头部间距 */
	main{ margin-top:228px;}
	main .top-bar{margin-left: 10px;}
	main .bottom-bar{margin-left: 10px;}
	main.my-live-page{margin-top:110px;}
	main.online-class-page{margin-top:110px;}
	main.my-record-page{margin-top:110px;}
	.select-list{padding-top: 40px;}
	/* .my-live-page .select-list{padding-top: 90px;padding-bottom: 30px;} */
	.my-record-page .select-list{padding-top: 40px;padding-bottom: 10px;}
	.voice .voice-icon{ position: relative; top:-2px;}
	.btn-group a{ font-size:17px;}
	main .bottom-bar{margin-left: 9px;}
	.step-button{top:24.8rem}
	.in-addtress-title{ width: 1.8rem}
}
/* 分辨率为1600*1024px时 */
@media screen and (device-height:1024px) and (device-width:1600px){

	/* 不加头部 */
	/* main{ margin-top: 161px;} */


	/* 加上头部间距 */
	main{ margin-top: 270px;}
	main .top-bar{margin-left: 10px;}
	main .bottom-bar{margin-left: 10px;}
	main.my-live-page{margin-top:130px;}
	main.online-class-page{margin-top:130px;}
	main.my-record-page{margin-top:130px;}
	.select-list{padding-top: 60px;}
	/* .my-live-page .select-list{padding-top: 90px;padding-bottom: 30px;} */
	.my-record-page .select-list{padding-top: 50px;}
	footer{bottom:60px;}
	.message-operation-wrap{bottom:50px;}
	.message-page .message-page-content .date-time-wrap1, .message-page .message-page-content .date-time-wrap2{height: 100px; line-height: 100px;}
	.c-datepicker-date-editor{ line-height: 95px;height: 95px;}
	.message-list-wrap ul li{height: 60px; line-height: 60px;}

	.voice .voice-icon{ position: relative; top:-2px;}
	.btn-group a{ font-size:15px;}
	main .bottom-bar{margin-left: 9px;}
	main.step-page{margin-top:110px;}
	/*创建流程页*/
	/*.pageCont{margin-top:1rem}*/
	/*.stepPage{ padding-top:1.7rem}*/
	.step-button{top: 25.5rem;}
	/*.modeWindow{ top:10rem}*/
	/*创建流程页*/
}
/* 分辨率为1600*900px时 */
@media screen and (device-height:900px) and (device-width:1600px){

	/* 不加头部 */
	/* main{ margin-top: 99px;} */

	/* 加上头部间距 */
	main{ margin-top: 198px;}
	main.my-live-page{margin-top:100px;}
	main.online-class-page{margin-top:100px;}
	main.my-record-page{margin-top:100px;}
	.my-live-page .select-list{padding-top: 70px;}
	.my-record-page .select-list{padding-bottom: 14px;}
	/*.my-record-page .select-list{padding-top: 40px;}*/
	footer{bottom:40px;}
	/*1600*900px*/
	.message-operation-wrap{bottom:50px;}
	.message-page .message-page-content .date-time-wrap1, .message-page .message-page-content .date-time-wrap2{height: 100px; line-height: 100px;}
	.c-datepicker-date-editor{ line-height: 95px;height: 95px;}


	.voice .voice-icon{ position: relative; top:-2px;}
	.btn-group a{ font-size:15px;}
	main .bottom-bar{margin-left: 9px;}
	.step-button{top:25rem}
	.in-addtress-title{ width: 1.8rem}
}
/* 分辨率为1440px*900px时 */
@media screen and (device-height:900px) and (device-width:1440px){
	/* 不加头部 */
	/* main{ margin-top: 99px} */

	/* 加上头部间距 */
	main{ margin-top: 208px}
	main.my-live-page{margin-top:100px;}
	main.online-class-page{margin-top:100px;}
	main.my-record-page{margin-top:100px;}
	/* .my-live-page .select-list{padding-top: 70px;} */
	.my-record-page .select-list{padding-bottom: 14px;}
	/*.my-record-page .select-list{padding-top: 40px;}*/
	footer{bottom:40px;}

	/*1440px*900px*/
	.message-operation-wrap{bottom:50px;}
	.message-page .message-page-content .date-time-wrap1, .message-page .message-page-content .date-time-wrap2{height: 100px; line-height: 100px;}
	.c-datepicker-date-editor{ line-height: 95px;height: 95px;}

	.voice .voice-icon{ position: relative; top:-3px;}
	.btn-group a{ font-size:15px;}
	main .bottom-bar{margin-left: 9px;}
	.step-button{top:25rem}
	.in-addtress-title{ width: 1.8rem}
}

/* 分辨率为1366px*768px时 */
@media screen and (device-height:768px) and (device-width:1366px){
	/* 不加头部 */
	/* main{ margin-top: 60px;} */
	/* 加上头部间距 */
	main{ margin-top: 160px;}
	main.my-live-page{margin-top:100px;}
	main.online-class-page{margin-top:100px;}
	main.my-record-page{margin-top:100px;}
	main .top-bar{margin-left: 9px;}
	main .bottom-bar{margin-left: 9px;}

	.my-record-page .select-list{margin-bottom: 10px;padding-bottom: 10px; padding-top: 10px;}
	/* .my-live-page .select-list{padding-top: 55px;padding-bottom: 20px;} */
	.select-list{padding-top:12px;margin-bottom: 12px}
	/*1366px*768px*/
	/*.message-operation-wrap{bottom:50px;}*/
	.message-page .message-page-content .date-time-wrap1, .message-page .message-page-content .date-time-wrap2{height: 70px; line-height: 70px;}
	.c-datepicker-date-editor{ line-height: 65px;height: 65px;}

	.voice .voice-icon{ position: relative; top:-3px;}
	.btn-group a{ font-size:13px;}
	.step-button{top:25.5rem}
	.in-addtress-title{ width: 1.8rem}
}
/* 分辨率为1360px*768px时 */
@media screen and (device-height:768px) and (device-width:1360px){
	/* 不加头部 */
	/* main{ margin-top: 60px;} */
	/* 加上头部间距 */
	main{ margin-top: 168px;}
	main.my-live-page{margin-top:100px;}
	main.online-class-page{margin-top:100px;}
	main.my-record-page{margin-top:100px;}
	main .top-bar{margin-left: 9px;}
	main .bottom-bar{margin-left: 9px;}
	.my-record-page .select-list{margin-bottom: 10px;padding-bottom: 10px; padding-top: 10px;}
	/* .my-live-page .select-list{padding-top: 55px;padding-bottom: 20px;} */
	.select-list{padding-top:12px;margin-bottom: 12px}
	/*1360px*768px*/

	.message-page .message-page-content .date-time-wrap1, .message-page .message-page-content .date-time-wrap2{height: 70px; line-height: 70px;}
	.c-datepicker-date-editor{ line-height: 65px;height: 65px;}

	.voice .voice-icon{ position: relative; top:-3px;}
	.btn-group a{ font-size:13px;}


	.step-button{top:25.5rem}
	.in-addtress-title{ width: 1.8rem}
}
/* 分辨率为1280px*1024px时 */
@media screen and (device-height:1024px) and (device-width:1280px){
	/* 不加头部 */
	/* main{margin-top: 188px;} */

	/* 加上头部间距 */
	main{margin-top: 250px;}
	main.my-live-page{margin-top:120px;}
	main.online-class-page{margin-top:120px;}
	main.my-record-page{margin-top:120px;}
	main .title{ line-height: 14px;}
	main .bottom-bar{margin-left: 8px;}
	main .top-bar{margin-left: 8px;}
	.select-list{padding-top: 60px;}
	.my-live-page .select-list{padding-top: 120px;padding-bottom: 20px;}
	.my-record-page .select-list{padding-top: 60px;}
	footer{bottom:60px;}
	/*1280px*1024px*/
	.message-operation-wrap{bottom:50px;}
	.message-page .message-page-content .date-time-wrap1, .message-page .message-page-content .date-time-wrap2{height: 100px; line-height: 100px;}
	.c-datepicker-date-editor{ line-height: 95px;height: 95px;}
	.message-list-wrap ul li{height: 60px; line-height: 60px;}
	.voice .voice-icon{ position: relative; top:-3px;}
	.btn-group a{ font-size:13px;}
	main .bottom-bar{ margin-left:10px;}
	/*创建流程页*/
	main.step-page{margin-top:110px;}

	.pageCont{margin-top:1rem}
	.stepPage{ padding-top:1.7rem}
	.step-button{top: 28rem;}
	.modeWindow{ top:10rem}
	.in-addtress-title{width: 2rem}
	/*创建流程页*/
	.version a{font-size: 14px;}
}

/* 分辨率为1280px*960px时 */
@media screen and (device-height:960px) and (device-width:1280px){
	/* 不加头部 */
	/* main{ margin-top: 156px;} */

	/* 加上头部间距 */
	main{ margin-top: 237px;}
	main.my-live-page{margin-top:130px;}
	main.online-class-page{margin-top:130px;}
	main.my-record-page{margin-top:130px;}
	main .title{ line-height: 14px;}
	/* .my-live-page .select-list{padding-top: 70px;padding-bottom: 20px;} */
	footer{bottom:80px;}


	/*1280px*960px*/
	.message-operation-wrap{bottom:70px;}
	.message-page .message-page-content .date-time-wrap1, .message-page .message-page-content .date-time-wrap2{height: 100px; line-height: 100px;}
	.c-datepicker-date-editor{ line-height: 95px;height: 95px;}
	.message-list-wrap ul li{height: 50px; line-height: 50px;}
	.voice .voice-icon{ position: relative; top:-3px;}
	.btn-group a{ font-size:13px;}
	main .bottom-bar{ margin-left:10px;}

	/*创建流程页*/
	main.step-page{margin-top:100px;}

	.pageCont{margin-top:1rem}
	.stepPage{ padding-top:1.7rem}
	.step-button{top: 27.3rem;}
	.modeWindow{ top:10rem}
	.in-addtress-title{width: 2rem}
	/*创建流程页*/
	.version a{font-size: 14px;}
}

/* 分辨率为1280px*800px时 */
@media screen and (device-height:800px) and (device-width:1280px){
	/* 不加头部 */
	/* main{ margin-top: 76px;} */

	/* 加上头部间距 */
	main{ margin-top: 170px;}
	main.my-live-page{margin-top:100px;}
	main.online-class-page{margin-top:100px;}
	main.my-record-page{margin-top:100px;}
	main .title{ line-height: 14px;}
	/* .my-live-page .select-list{padding-top: 70px;padding-bottom: 20px;} */
	main .top-bar{margin-left:9px;}
	main .bottom-bar{margin-left:9px;}
	/*1280px*800px*/
	.message-page .message-page-content .date-time-wrap1, .message-page .message-page-content .date-time-wrap2{height: 80px; line-height: 80px;}

	.c-datepicker-date-editor{ line-height: 75px;height: 75px;}
	.message-list-wrap ul li{height: 45px; line-height: 45px;}
	.voice .voice-icon{ position: relative; top:-3px;}
	.btn-group a{ font-size:13px;}
	/*创建流程页*/
	main.step-page{margin-top:90px;}

	/*.pageCont{margin-top:1rem}*/
	/*.stepPage{ padding-top:1.7rem}*/
	.step-button{top: 26.3rem;}
	/*.modeWindow{ top:10rem}*/
	/*.in-addtress-title{width: 2rem}*/
	/*创建流程页*/


	/*创建流程页*/
	.leftSelectMenu .inner-border {width: 3.4rem;height: 1.75rem;}
	.startTimeWrap .choose-date{ left:3.5rem;top:3px}
	#page1 .selectMovieWrap .leftClassFormTitle{ font-size:12px;}
	.uploadWrap .tip{ font-size:12px;}
	#page1 .selectMovieWrap .row span input, .leftClassForm .row span textarea{font-size:12px;}
	#page1 .selectMovieWrap .row .t_h{ font-size: 10px;}
	.classSelectContent ul li{ font-size:12px;}
	.space-list ul li a{ font-size:11px;}
	.in-grade a{ font-size: 12px;}
	.in-addtress a{ font-size:12px;}
	.all-select .btn{ font-size:12px;}
	.hand-choose-pannel button{ width:3.2rem}
	.all-clear-btn{ font-size: 12px;width:2.5rem}
	.c-datepicker-date-picker__header-label{ font-size: 12px;}
	.c-datepicker-picker__shortcut{ font-size:12px;}
	.Hunter-time-picker *{ font-size:12px;}
	.c-datepicker-picker [slot=sidebar] + .c-datepicker-picker__body, .c-datepicker-picker__sidebar + .c-datepicker-picker__body {
		margin-top: 5px;
		margin-bottom: 6px;
	}
	.leftSelectMenu .movieModeInfo{ font-size: 12px;}
	.rightMovieTitle .active-status-wrap{ font-size: 12px;}
	.in-grade{ font-size:12px;}
	.in-addtress-title {width: 2.3rem;}
	.in-addtress{font-size:12px;}
	.selected-spaces ul li{ font-size:12px;}
	.step-button button{ font-size:12px;}

	.active-item-sub-menu span{font-size: 12px;}
	.step-button button{height: 1.2rem;line-height: 1.0rem}
	/*创建流程页*/

	.step-button {
		top: 25rem;
	}
	.btn-group{ bottom:30px;}
	.version a{font-size: 14px;}
}

/* 分辨率为1280px*768px时 */
@media screen and (device-height:768px) and (device-width:1280px){
	/* 不加头部 */
	/* main{ margin-top: 60px;} */

	/* 加上头部间距 */
	main{ margin-top: 160px;}
	main.my-live-page{margin-top:100px;}
	main.online-class-page{margin-top:100px;}
	main.my-record-page{margin-top:100px;}
	main .title{ line-height: 14px;}
	/* .my-live-page .select-list{padding-top: 55px;padding-bottom: 20px;} */
	.my-record-page .select-list{padding-bottom:7px;}
	.select-list{padding-top: 25px;margin-bottom: 25px;}
	/*1280px*768px*/
	.message-page .message-page-content .date-time-wrap1, .message-page .message-page-content .date-time-wrap2{height: 70px; line-height: 70px;}
	.c-datepicker-date-editor{ line-height: 65px;height: 65px;}
	.message-list-wrap ul li{height: 45px; line-height: 45px;}
	.voice .voice-icon{ position: relative; top:-3px;}
	.btn-group a{ font-size:13px;}
	/*创建流程页*/
	main.step-page{margin-top:80px;}

	/*.pageCont{margin-top:1rem}*/
	/*.stepPage{ padding-top:1.7rem}*/
	/*.step-button{top: 25.5rem;}*/
	/*.modeWindow{ top:10rem}*/
	.in-addtress-title{width: 2rem}
	/*创建流程页*/

	/*创建流程页*/
	.leftSelectMenu .inner-border {width: 3.4rem;height: 1.75rem;}
	.startTimeWrap .choose-date{ left:3.5rem;top:3px;}
	#page1 .selectMovieWrap .leftClassFormTitle{ font-size:12px;}
	.uploadWrap .tip{ font-size:12px;}
	#page1 .selectMovieWrap .row span input, .leftClassForm .row span textarea{font-size:12px;}
	#page1 .selectMovieWrap .row .t_h{ font-size: 10px;}
	.classSelectContent ul li{ font-size:12px;}
	.space-list ul li a{ font-size:11px;}
	.in-grade a{ font-size: 12px;}
	.in-addtress a{ font-size:12px;}
	.all-select .btn{ font-size:12px;}
	.hand-choose-pannel button{ width:3.2rem}
	.all-clear-btn{ font-size: 12px;width:2.5rem}
	.c-datepicker-date-picker__header-label{ font-size: 12px;}
	.c-datepicker-picker__shortcut{ font-size:12px;}
	.Hunter-time-picker *{ font-size:12px;}
	.c-datepicker-picker [slot=sidebar] + .c-datepicker-picker__body, .c-datepicker-picker__sidebar + .c-datepicker-picker__body {
		margin-top: 5px;
		margin-bottom: 6px;
	}
	.leftSelectMenu .movieModeInfo{ font-size: 12px;}
	.rightMovieTitle .active-status-wrap{ font-size: 12px;}
	.in-grade{ font-size:12px;}
	.in-addtress-title {width: 2.3rem;}
	.in-addtress{font-size:12px;}
	.selected-spaces ul li{ font-size:12px;}
	.step-button button{ font-size:12px;}

	.active-item-sub-menu span{font-size: 12px;}
	.step-button button{height: 1.2rem;line-height: 1.0rem}
	/*创建流程页*/
	.step-button {
		top: 24.8rem;
	}

	.version a{font-size: 14px;}
}

/* 分辨率为1280px*720px时 */
@media screen and (device-height:720px) and (device-width:1280px){
	/* 不加头部 */
	/* main{ margin-top: 36px;} */
	/* 加上头部间距 */

	main{ margin-top: 130px;}
	.my-record-page .select-list{margin-bottom: 10px;padding-bottom: 10px; padding-top: 10px;}
	/* .my-live-page .select-list{padding-top: 55px;padding-bottom: 20px;} */
	.select-list{padding-top:12px;margin-bottom: 12px}

	.voice .voice-icon{ position: relative; top:-3px;}
	.btn-group a{ font-size:13px;}
	main .bottom-bar{ margin-left:10px;}
	/*创建流程页*/
	main.step-page{margin-top:60px;}

	/*.pageCont{margin-top:1rem}*/
	/*.stepPage{ padding-top:1.7rem}*/
	/*.step-button{top: 25.5rem;}*/
	/*.modeWindow{ top:10rem}*/
	.in-addtress-title{width: 2rem}
	/*创建流程页*/



	/*创建流程页*/
	.leftSelectMenu .inner-border {width: 3.4rem;height: 1.75rem;}
	.startTimeWrap .choose-date{ left:3.5rem;top: 3px;}
	#page1 .selectMovieWrap .leftClassFormTitle{ font-size:12px;}
	.uploadWrap .tip{ font-size:12px;}
	#page1 .selectMovieWrap .row span input, .leftClassForm .row span textarea{font-size:12px;}
	#page1 .selectMovieWrap .row .t_h{ font-size: 10px;}
	.classSelectContent ul li{ font-size:12px;}
	.space-list ul li a{ font-size:11px;}
	.in-grade a{ font-size: 12px;}
	.in-addtress a{ font-size:12px;}
	.all-select .btn{ font-size:12px;}
	.hand-choose-pannel button{ width:3.2rem}
	.all-clear-btn{ font-size: 12px;width:2.5rem}
	.c-datepicker-date-picker__header-label{ font-size: 12px;}
	.c-datepicker-picker__shortcut{ font-size:12px;}
	.Hunter-time-picker *{ font-size:12px;}
	.c-datepicker-picker [slot=sidebar] + .c-datepicker-picker__body, .c-datepicker-picker__sidebar + .c-datepicker-picker__body {
		margin-top: 5px;
		margin-bottom: 6px;
	}
	.leftSelectMenu .movieModeInfo{ font-size: 12px;}
	.rightMovieTitle .active-status-wrap{ font-size: 12px;}
	.in-grade{ font-size:12px;}
	.in-addtress-title {width: 2.3rem;}
	.in-addtress{font-size:12px;}
	.selected-spaces ul li{ font-size:12px;}
	.step-button button{ font-size:12px;}


	.active-item-sub-menu span{font-size: 12px;}
	.step-button button{height: 1.2rem;line-height: 1.0rem}
	/*创建流程页*/
	.step-button {
		top: 23.5rem;
	}
	.stepPage{
		padding-top:0.3rem;
	}
	.record-step-page .selectLive{
		bottom:1.3rem;
	}
	.pageCont{margin-top:10px;}
	.version a{font-size: 14px;}
}

/* 分辨率为1152px*864px时 */
@media screen and (device-height:864px) and (device-width:1152px){
	/* 不加头部 */
	/* main{margin-top: 160px;} */

	/* 加上头部间距 */
	main{margin-top: 221px;}
	main .title{ line-height: 14px; font-size: 12px;;}
	main.online-class-page{ margin-top:120px;}
	main.my-live-page{ margin-top:120px}
	main.my-record-page{ margin-top:120px}
	footer{bottom:150px;}
	main .top-bar{margin-left: 8px;}
	main .bottom-bar{margin-left: 8px;}
	/*1152px*864px*/
	.message-operation-wrap{bottom:90px;}
	.message-page .message-page-content .date-time-wrap1, .message-page .message-page-content .date-time-wrap2{height: 90px; line-height: 90px;}
	.c-datepicker-date-editor{ line-height: 85px;height: 85px;}
	.message-list-wrap ul li{height: 45px; line-height: 45px;}

	.voice .voice-icon{ position: relative; top:-2px;}
	.btn-group a{ font-size:12px;}
	.controll-mode .on-off a{line-height: 23px;}

	/*创建流程页*/
	main.step-page{margin-top:110px;}

	.pageCont{margin-top:1rem}
	.stepPage{ padding-top:1.7rem}
	.step-button{top: 28.3rem;}
	.modeWindow{ top:10rem}
	.in-addtress-title{width: 2rem}
	/*创建流程页*/
	.version a{font-size: 12px;}
}
/* 分辨率为1024px*768px时 */
@media screen and (device-height:768px) and (device-width:1024px){
	/* 不加头部 */
	/* main{ margin-top: 112px;} */
	/* 加上头部间距 */
	main{ margin-top: 180px;}
	main .title{ line-height: 13px; font-size: 12px;;}
	main.online-class-page{ margin-top:100px;}
	main.my-live-page{ margin-top:100px}
	/* .my-live-page .select-list{padding-top: 60px;padding-bottom: 20px;} */
	main.my-record-page{ margin-top:100px}
	footer{bottom:40px;}
	main .bottom-bar{margin-left:7px;}
	main .top-bar{margin-left:7px;}
	/*1024px*768px*/

	.version a{font-size: 12px;}
	.message-operation-wrap{bottom:50px;}
	.message-page .message-page-content .date-time-wrap1, .message-page .message-page-content .date-time-wrap2{height: 70px; line-height: 70px;}
	.c-datepicker-date-editor{ line-height: 65px;height: 65px;}
	.message-list-wrap ul li{height: 44px; line-height: 44px;}
	.my-live-page .classes-list-wrap{ font-size: 14px;}
	.message-list-wrap ul li a{ font-size:14px;}
	/* 消息页面*/
	.voice .voice-icon{ position: relative; top:-1px;}
	.btn-group a{ font-size:12px;}
	.controll-mode .on-off a{line-height: 23px;}
	/*页面css兼容*/

	/*创建流程页*/
	.my-live-page .select-list{padding-top: 1.85rem}
	.leftSelectMenu .inner-border {width: 3.4rem;height: 1.75rem;}
	.startTimeWrap .choose-date{ left:3.5rem;top:3px;}
	#page1 .selectMovieWrap .leftClassFormTitle{ font-size:12px;}
	.uploadWrap .tip{ font-size:12px;}
	#page1 .selectMovieWrap .row span input, .leftClassForm .row span textarea{font-size:12px;}
	#page1 .selectMovieWrap .row .t_h{ font-size: 10px;}
	.classSelectContent ul li{ font-size:12px;}
	.space-list ul li a{ font-size:11px;}
	.in-grade a{ font-size: 12px;}
	.in-addtress a{ font-size:12px;}
	.all-select .btn{ font-size:12px;}
	.hand-choose-pannel button{ width:3.2rem}
	.all-clear-btn{ font-size: 12px;width:2.5rem}
	.c-datepicker-date-picker__header-label{ font-size: 12px;}
	.c-datepicker-picker__shortcut{ font-size:12px;}
	.Hunter-time-picker *{ font-size:12px;}
	.c-datepicker-picker [slot=sidebar] + .c-datepicker-picker__body, .c-datepicker-picker__sidebar + .c-datepicker-picker__body {
		margin-top: 5px;
		margin-bottom: 6px;
	}
	.leftSelectMenu .movieModeInfo{ font-size: 12px;}
	.rightMovieTitle .active-status-wrap{ font-size: 12px;}
	.in-grade{ font-size:12px;}
	.in-addtress-title {width: 2.3rem;}
	.in-addtress{font-size:12px;}
	.selected-spaces ul li{ font-size:12px;}
	.step-button button{ font-size:12px;}
	.step-button{ bottom:0.3rem}
	/*.stepPage{ padding-top: 40px;}*/
	.ystep-container{ margin-bottom: 40px;}
	.ystep-container .descriptionHeader{font-size:12px;}
	/*.ystep-lg .ystep-step-active .stepIcon{ width:0.25rem; height: 0.25rem;}*/

	.ystep-lg .ystep-step-undone .stepIcon {
		border-radius: 20px;
		width: 0.25rem;
		height: 0.25rem;
		display: block;
		text-align: center;
		margin-top: 0.65rem;
		margin-left: 0.2rem;
		color: #909399;
		background: #ccc;
	}
	.ystep-lg .ystep-step-done .stepIcon {
		border-radius: 20px;
		width: 0.25rem;
		height: 0.25rem;
		display: block;
		text-align: center;
		margin-top: 0.65rem;
		margin-left: 0.2rem;
		color: transparent;
		background: #33cbff;
	}
	.ystep-lg .ystep-step-active .stepIcon {
		border-radius: 20px;
		width: 0.25rem;
		height: 0.25rem;
		display: block;
		text-align: center;
		margin-top: 0.65rem;
		margin-left: 0.2rem;
		color: #303133;
		background: #cccccc;
	}
	.active-item-sub-menu span{font-size: 12px;}
	.step-button button{height: 1.2rem;line-height: 1.0rem}
	/*创建流程页*/
	.ystep-container-steps li.ystep-step-done .descriptionHeader{background: url("../images/icon/icon_success.png") no-repeat 105px center;}
	/*.ystep-container-steps li.ystep-step-done .descriptionHeader{background: url("../images/icon/icon_success.png") no-repeat 5rem center;}*/
	.ystep-container-steps li.ystep-step-done:nth-child(3) .descriptionHeader{background: url("../images/icon/icon_success.png") no-repeat 115px center;}

	/*创建流程页*/
	main.step-page{margin-top:90px;}

	/*.pageCont{margin-top:1rem}*/
	.stepPage{ padding-top:1.2rem}
	.step-button{top: 27rem;}
	.modeWindow{ top:10rem}
	.rightMovieTitle .active-status-wrap .active-status {
		background: url(../images/icon/arrow-down-gray.png) no-repeat 140px center;
		background: url(../images/icon/arrow-down-gray.png) no-repeat 3.8rem center;
		background-size: 14px 13px;
		background-size: 0.35rem  0.325rem;
	}

	/*创建流程页*/

	.pagination a, .pagination span {
		width:0.89rem;
		height: 0.88rem;
		background-size:0.88rem 0.88rem;
	}
	.pagination .active, .pagination a:hover {
		background: url("../images/bac/pagination_bac_active.png") no-repeat;
		background-size: 0.89rem 0.88rem;
		color: #fff;
	}
	.lcs_switch.lcs_off .lcs_cursor{top:2px;}

	.onlineRadioCol{top:10px;}
	.col :nth-child(2).onlineRadio{ top:0px;}
}
/* button:focus{ outline: none;} */
/* .normal-btn{ background: #fff; width:200px; height: 40px; line-height: 40px; border-radius: 50px;} */
